/* AIR PLAYER static utilities. Tailwind CSS 4.1.10 (MIT); nesting flattened, palette converted to sRGB. */
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

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

/*
  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 */
  tab-size: 4; /* 3 */
  font-family: --theme(
    --default-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: --theme(--default-font-feature-settings, normal); /* 5 */
  font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  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. Reset the default border style to a 1px solid border.
*/

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;
  -webkit-text-decoration: 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: --theme(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */
  font-variation-settings: --theme(--default-mono-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 */
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

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

/*
  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;
}

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

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

/*
  Restore default font weight.
*/

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

/*
  Restore indentation.
*/

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

/*
  Restore space after button.
*/

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

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

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

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

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

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

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

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

/*
  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;
}

/*
  Correct the inability to style the border radius in iOS Safari.
*/

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

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

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

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

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

/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
: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-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffc9c9;
  --color-red-300: #ffa2a2;
  --color-red-400: #ff6467;
  --color-red-500: #fb2c36;
  --color-red-600: #e7000b;
  --color-red-700: #c10007;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-950: #460809;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd4;
  --color-orange-200: #ffd6a7;
  --color-orange-300: #ffb86a;
  --color-orange-400: #ff8904;
  --color-orange-500: #ff6900;
  --color-orange-600: #f54900;
  --color-orange-700: #ca3500;
  --color-orange-800: #9f2d00;
  --color-orange-900: #7e2a0c;
  --color-orange-950: #441306;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c6;
  --color-amber-200: #fee685;
  --color-amber-300: #ffd230;
  --color-amber-400: #ffb900;
  --color-amber-500: #fe9a00;
  --color-amber-600: #e17100;
  --color-amber-700: #bb4d00;
  --color-amber-800: #973c00;
  --color-amber-900: #7b3306;
  --color-amber-950: #461901;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c2;
  --color-yellow-200: #fff085;
  --color-yellow-300: #ffdf20;
  --color-yellow-400: #fdc700;
  --color-yellow-500: #f0b100;
  --color-yellow-600: #d08700;
  --color-yellow-700: #a65f00;
  --color-yellow-800: #894b00;
  --color-yellow-900: #733e0a;
  --color-yellow-950: #432004;
  --color-lime-50: #f7fee7;
  --color-lime-100: #ecfcca;
  --color-lime-200: #d8f999;
  --color-lime-300: #bbf451;
  --color-lime-400: #9ae600;
  --color-lime-500: #7ccf00;
  --color-lime-600: #5ea500;
  --color-lime-700: #497d00;
  --color-lime-800: #3c6300;
  --color-lime-900: #35530e;
  --color-lime-950: #192e03;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #b9f8cf;
  --color-green-300: #7bf1a8;
  --color-green-400: #05df72;
  --color-green-500: #00c950;
  --color-green-600: #00a63e;
  --color-green-700: #008236;
  --color-green-800: #016630;
  --color-green-900: #0d542b;
  --color-green-950: #032e15;
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d0fae5;
  --color-emerald-200: #a4f4cf;
  --color-emerald-300: #5ee9b5;
  --color-emerald-400: #00d492;
  --color-emerald-500: #00bc7d;
  --color-emerald-600: #009966;
  --color-emerald-700: #007a55;
  --color-emerald-800: #006045;
  --color-emerald-900: #004f3b;
  --color-emerald-950: #002c22;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #cbfbf1;
  --color-teal-200: #96f7e4;
  --color-teal-300: #46ecd5;
  --color-teal-400: #00d5be;
  --color-teal-500: #00bba7;
  --color-teal-600: #009689;
  --color-teal-700: #00786f;
  --color-teal-800: #005f5a;
  --color-teal-900: #0b4f4a;
  --color-teal-950: #022f2e;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cefafe;
  --color-cyan-200: #a2f4fd;
  --color-cyan-300: #53eafd;
  --color-cyan-400: #00d3f2;
  --color-cyan-500: #00b8db;
  --color-cyan-600: #0092b8;
  --color-cyan-700: #007595;
  --color-cyan-800: #005f78;
  --color-cyan-900: #104e64;
  --color-cyan-950: #053345;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #dff2fe;
  --color-sky-200: #b8e6fe;
  --color-sky-300: #74d4ff;
  --color-sky-400: #00bcff;
  --color-sky-500: #00a6f4;
  --color-sky-600: #0084d1;
  --color-sky-700: #0069a8;
  --color-sky-800: #00598a;
  --color-sky-900: #024a70;
  --color-sky-950: #052f4a;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bedbff;
  --color-blue-300: #8ec5ff;
  --color-blue-400: #51a2ff;
  --color-blue-500: #2b7fff;
  --color-blue-600: #155dfc;
  --color-blue-700: #1447e6;
  --color-blue-800: #193cb8;
  --color-blue-900: #1c398e;
  --color-blue-950: #162456;
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c6d2ff;
  --color-indigo-300: #a3b3ff;
  --color-indigo-400: #7c86ff;
  --color-indigo-500: #615fff;
  --color-indigo-600: #4f39f6;
  --color-indigo-700: #432dd7;
  --color-indigo-800: #372aac;
  --color-indigo-900: #312c85;
  --color-indigo-950: #1e1a4d;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6ff;
  --color-violet-300: #c4b4ff;
  --color-violet-400: #a684ff;
  --color-violet-500: #8e51ff;
  --color-violet-600: #7f22fe;
  --color-violet-700: #7008e7;
  --color-violet-800: #5d0ec0;
  --color-violet-900: #4d179a;
  --color-violet-950: #2f0d68;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d4ff;
  --color-purple-300: #dab2ff;
  --color-purple-400: #c27aff;
  --color-purple-500: #ad46ff;
  --color-purple-600: #9810fa;
  --color-purple-700: #8200db;
  --color-purple-800: #6e11b0;
  --color-purple-900: #59168b;
  --color-purple-950: #3c0366;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f6cfff;
  --color-fuchsia-300: #f4a8ff;
  --color-fuchsia-400: #ed6aff;
  --color-fuchsia-500: #e12afb;
  --color-fuchsia-600: #c800de;
  --color-fuchsia-700: #a800b7;
  --color-fuchsia-800: #8a0194;
  --color-fuchsia-900: #721378;
  --color-fuchsia-950: #4b004f;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fccee8;
  --color-pink-300: #fda5d5;
  --color-pink-400: #fb64b6;
  --color-pink-500: #f6339a;
  --color-pink-600: #e60076;
  --color-pink-700: #c6005c;
  --color-pink-800: #a3004c;
  --color-pink-900: #861043;
  --color-pink-950: #510424;
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #ffccd3;
  --color-rose-300: #ffa1ad;
  --color-rose-400: #ff637e;
  --color-rose-500: #ff2056;
  --color-rose-600: #ec003f;
  --color-rose-700: #c70036;
  --color-rose-800: #a50036;
  --color-rose-900: #8b0836;
  --color-rose-950: #4d0218;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cad5e2;
  --color-slate-400: #90a1b9;
  --color-slate-500: #62748e;
  --color-slate-600: #45556c;
  --color-slate-700: #314158;
  --color-slate-800: #1d293d;
  --color-slate-900: #0f172b;
  --color-slate-950: #020618;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5dc;
  --color-gray-400: #99a1af;
  --color-gray-500: #6a7282;
  --color-gray-600: #4a5565;
  --color-gray-700: #364153;
  --color-gray-800: #1e2939;
  --color-gray-900: #101828;
  --color-gray-950: #030712;
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #9f9fa9;
  --color-zinc-500: #71717b;
  --color-zinc-600: #52525c;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;
  --color-stone-50: #fafaf9;
  --color-stone-100: #f5f5f4;
  --color-stone-200: #e7e5e4;
  --color-stone-500: #79716b;
  --color-stone-700: #44403b;
  --color-stone-800: #292524;
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-2xl: 42rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-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;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.absolute{
  position: absolute;
}
.fixed{
  position: fixed;
}
.relative{
  position: relative;
}
.static{
  position: static;
}
.inset-0{
  inset: calc(var(--spacing) * 0);
}
.-top-1{
  top: calc(var(--spacing) * -1);
}
.top-2{
  top: calc(var(--spacing) * 2);
}
.top-4{
  top: calc(var(--spacing) * 4);
}
.-right-1{
  right: calc(var(--spacing) * -1);
}
.-right-2{
  right: calc(var(--spacing) * -2);
}
.right-2{
  right: calc(var(--spacing) * 2);
}
.right-4{
  right: calc(var(--spacing) * 4);
}
.-bottom-1{
  bottom: calc(var(--spacing) * -1);
}
.left-2{
  left: calc(var(--spacing) * 2);
}
.left-4{
  left: calc(var(--spacing) * 4);
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-50{
  z-index: 50;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[110\]{
  z-index: 110;
}
.col-span-full{
  grid-column: 1 / -1;
}
.container{
  width: 100%;
}
@media (width >= 40rem){
  .container{
    max-width: 40rem;
  }
}
@media (width >= 48rem){
  .container{
    max-width: 48rem;
  }
}
@media (width >= 64rem){
  .container{
    max-width: 64rem;
  }
}
@media (width >= 80rem){
  .container{
    max-width: 80rem;
  }
}
@media (width >= 96rem){
  .container{
    max-width: 96rem;
  }
}
.m-4{
  margin: calc(var(--spacing) * 4);
}
.mx-0\.5{
  margin-inline: calc(var(--spacing) * 0.5);
}
.mx-auto{
  margin-inline: auto;
}
.my-0\.5{
  margin-block: calc(var(--spacing) * 0.5);
}
.mt-1{
  margin-top: calc(var(--spacing) * 1);
}
.mt-2{
  margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5{
  margin-top: calc(var(--spacing) * 2.5);
}
.mt-3{
  margin-top: calc(var(--spacing) * 3);
}
.mt-5{
  margin-top: calc(var(--spacing) * 5);
}
.mt-6{
  margin-top: calc(var(--spacing) * 6);
}
.mt-8{
  margin-top: calc(var(--spacing) * 8);
}
.mr-1{
  margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5{
  margin-right: calc(var(--spacing) * 1.5);
}
.mr-2{
  margin-right: calc(var(--spacing) * 2);
}
.mb-1{
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5{
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2{
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3{
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4{
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5{
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6{
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8{
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-12{
  margin-bottom: calc(var(--spacing) * 12);
}
.ml-1{
  margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5{
  margin-left: calc(var(--spacing) * 1.5);
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.inline-block{
  display: inline-block;
}
.inline-flex{
  display: inline-flex;
}
.aspect-video{
  aspect-ratio: var(--aspect-video);
}
.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-8{
  height: calc(var(--spacing) * 8);
}
.h-9{
  height: calc(var(--spacing) * 9);
}
.h-16{
  height: calc(var(--spacing) * 16);
}
.h-\[40px\]{
  height: 40px;
}
.h-full{
  height: 100%;
}
.max-h-48{
  max-height: calc(var(--spacing) * 48);
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-1{
  width: calc(var(--spacing) * 1);
}
.w-4{
  width: calc(var(--spacing) * 4);
}
.w-5{
  width: calc(var(--spacing) * 5);
}
.w-6{
  width: calc(var(--spacing) * 6);
}
.w-8{
  width: calc(var(--spacing) * 8);
}
.w-9{
  width: calc(var(--spacing) * 9);
}
.w-12{
  width: calc(var(--spacing) * 12);
}
.w-16{
  width: calc(var(--spacing) * 16);
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.max-w-2xl{
  max-width: var(--container-2xl);
}
.max-w-lg{
  max-width: var(--container-lg);
}
.max-w-md{
  max-width: var(--container-md);
}
.max-w-sm{
  max-width: var(--container-sm);
}
.min-w-0{
  min-width: calc(var(--spacing) * 0);
}
.flex-1{
  flex: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.origin-top{
  transform-origin: top;
}
.scale-75{
  --tw-scale-x: 75%;
  --tw-scale-y: 75%;
  --tw-scale-z: 75%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-90{
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-95{
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100{
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-105{
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-110{
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.-rotate-45{
  rotate: calc(45deg * -1);
}
.transform{
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-pulse{
  animation: var(--animate-pulse);
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.appearance-none{
  appearance: none;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.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;
}
.justify-start{
  justify-content: flex-start;
}
.gap-1{
  gap: calc(var(--spacing) * 1);
}
.gap-2{
  gap: calc(var(--spacing) * 2);
}
.gap-3{
  gap: calc(var(--spacing) * 3);
}
.gap-4{
  gap: calc(var(--spacing) * 4);
}
:where(.space-y-1\.5 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)){
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-x-3 > :not(:last-child)){
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: var(--radius-2xl);
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-full{
  border-radius: calc(infinity * 1px);
}
.rounded-md{
  border-radius: var(--radius-md);
}
.rounded-xl{
  border-radius: var(--radius-xl);
}
.border{
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2{
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-t{
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b{
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l-2{
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-dashed{
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-amber-50{
  border-color: var(--color-amber-50);
}
.border-amber-100{
  border-color: var(--color-amber-100);
}
.border-amber-200{
  border-color: var(--color-amber-200);
}
.border-amber-300{
  border-color: var(--color-amber-300);
}
.border-amber-400{
  border-color: var(--color-amber-400);
}
.border-amber-500{
  border-color: var(--color-amber-500);
}
.border-amber-600{
  border-color: var(--color-amber-600);
}
.border-amber-700{
  border-color: var(--color-amber-700);
}
.border-amber-800{
  border-color: var(--color-amber-800);
}
.border-amber-900{
  border-color: var(--color-amber-900);
}
.border-amber-950{
  border-color: var(--color-amber-950);
}
.border-blue-50{
  border-color: var(--color-blue-50);
}
.border-blue-100{
  border-color: var(--color-blue-100);
}
.border-blue-200{
  border-color: var(--color-blue-200);
}
.border-blue-300{
  border-color: var(--color-blue-300);
}
.border-blue-400{
  border-color: var(--color-blue-400);
}
.border-blue-500{
  border-color: var(--color-blue-500);
}
.border-blue-600{
  border-color: var(--color-blue-600);
}
.border-blue-700{
  border-color: var(--color-blue-700);
}
.border-blue-800{
  border-color: var(--color-blue-800);
}
.border-blue-900{
  border-color: var(--color-blue-900);
}
.border-blue-950{
  border-color: var(--color-blue-950);
}
.border-cyan-50{
  border-color: var(--color-cyan-50);
}
.border-cyan-100{
  border-color: var(--color-cyan-100);
}
.border-cyan-200{
  border-color: var(--color-cyan-200);
}
.border-cyan-300{
  border-color: var(--color-cyan-300);
}
.border-cyan-400{
  border-color: var(--color-cyan-400);
}
.border-cyan-500{
  border-color: var(--color-cyan-500);
}
.border-cyan-600{
  border-color: var(--color-cyan-600);
}
.border-cyan-700{
  border-color: var(--color-cyan-700);
}
.border-cyan-800{
  border-color: var(--color-cyan-800);
}
.border-cyan-900{
  border-color: var(--color-cyan-900);
}
.border-cyan-950{
  border-color: var(--color-cyan-950);
}
.border-emerald-50{
  border-color: var(--color-emerald-50);
}
.border-emerald-100{
  border-color: var(--color-emerald-100);
}
.border-emerald-200{
  border-color: var(--color-emerald-200);
}
.border-emerald-300{
  border-color: var(--color-emerald-300);
}
.border-emerald-400{
  border-color: var(--color-emerald-400);
}
.border-emerald-500{
  border-color: var(--color-emerald-500);
}
.border-emerald-600{
  border-color: var(--color-emerald-600);
}
.border-emerald-700{
  border-color: var(--color-emerald-700);
}
.border-emerald-800{
  border-color: var(--color-emerald-800);
}
.border-emerald-900{
  border-color: var(--color-emerald-900);
}
.border-emerald-950{
  border-color: var(--color-emerald-950);
}
.border-fuchsia-50{
  border-color: var(--color-fuchsia-50);
}
.border-fuchsia-100{
  border-color: var(--color-fuchsia-100);
}
.border-fuchsia-200{
  border-color: var(--color-fuchsia-200);
}
.border-fuchsia-300{
  border-color: var(--color-fuchsia-300);
}
.border-fuchsia-400{
  border-color: var(--color-fuchsia-400);
}
.border-fuchsia-500{
  border-color: var(--color-fuchsia-500);
}
.border-fuchsia-600{
  border-color: var(--color-fuchsia-600);
}
.border-fuchsia-700{
  border-color: var(--color-fuchsia-700);
}
.border-fuchsia-800{
  border-color: var(--color-fuchsia-800);
}
.border-fuchsia-900{
  border-color: var(--color-fuchsia-900);
}
.border-fuchsia-950{
  border-color: var(--color-fuchsia-950);
}
.border-gray-50{
  border-color: var(--color-gray-50);
}
.border-gray-100{
  border-color: var(--color-gray-100);
}
.border-gray-200{
  border-color: var(--color-gray-200);
}
.border-gray-300{
  border-color: var(--color-gray-300);
}
.border-gray-400{
  border-color: var(--color-gray-400);
}
.border-gray-500{
  border-color: var(--color-gray-500);
}
.border-gray-600{
  border-color: var(--color-gray-600);
}
.border-gray-700{
  border-color: var(--color-gray-700);
}
.border-gray-800{
  border-color: var(--color-gray-800);
}
.border-gray-900{
  border-color: var(--color-gray-900);
}
.border-gray-950{
  border-color: var(--color-gray-950);
}
.border-green-50{
  border-color: var(--color-green-50);
}
.border-green-100{
  border-color: var(--color-green-100);
}
.border-green-200{
  border-color: var(--color-green-200);
}
.border-green-300{
  border-color: var(--color-green-300);
}
.border-green-400{
  border-color: var(--color-green-400);
}
.border-green-500{
  border-color: var(--color-green-500);
}
.border-green-600{
  border-color: var(--color-green-600);
}
.border-green-700{
  border-color: var(--color-green-700);
}
.border-green-800{
  border-color: var(--color-green-800);
}
.border-green-900{
  border-color: var(--color-green-900);
}
.border-green-950{
  border-color: var(--color-green-950);
}
.border-indigo-50{
  border-color: var(--color-indigo-50);
}
.border-indigo-100{
  border-color: var(--color-indigo-100);
}
.border-indigo-200{
  border-color: var(--color-indigo-200);
}
.border-indigo-300{
  border-color: var(--color-indigo-300);
}
.border-indigo-400{
  border-color: var(--color-indigo-400);
}
.border-indigo-500{
  border-color: var(--color-indigo-500);
}
.border-indigo-600{
  border-color: var(--color-indigo-600);
}
.border-indigo-700{
  border-color: var(--color-indigo-700);
}
.border-indigo-800{
  border-color: var(--color-indigo-800);
}
.border-indigo-900{
  border-color: var(--color-indigo-900);
}
.border-indigo-950{
  border-color: var(--color-indigo-950);
}
.border-lime-50{
  border-color: var(--color-lime-50);
}
.border-lime-100{
  border-color: var(--color-lime-100);
}
.border-lime-200{
  border-color: var(--color-lime-200);
}
.border-lime-300{
  border-color: var(--color-lime-300);
}
.border-lime-400{
  border-color: var(--color-lime-400);
}
.border-lime-500{
  border-color: var(--color-lime-500);
}
.border-lime-600{
  border-color: var(--color-lime-600);
}
.border-lime-700{
  border-color: var(--color-lime-700);
}
.border-lime-800{
  border-color: var(--color-lime-800);
}
.border-lime-900{
  border-color: var(--color-lime-900);
}
.border-lime-950{
  border-color: var(--color-lime-950);
}
.border-orange-50{
  border-color: var(--color-orange-50);
}
.border-orange-100{
  border-color: var(--color-orange-100);
}
.border-orange-200{
  border-color: var(--color-orange-200);
}
.border-orange-300{
  border-color: var(--color-orange-300);
}
.border-orange-400{
  border-color: var(--color-orange-400);
}
.border-orange-500{
  border-color: var(--color-orange-500);
}
.border-orange-600{
  border-color: var(--color-orange-600);
}
.border-orange-700{
  border-color: var(--color-orange-700);
}
.border-orange-800{
  border-color: var(--color-orange-800);
}
.border-orange-900{
  border-color: var(--color-orange-900);
}
.border-orange-950{
  border-color: var(--color-orange-950);
}
.border-pink-50{
  border-color: var(--color-pink-50);
}
.border-pink-100{
  border-color: var(--color-pink-100);
}
.border-pink-200{
  border-color: var(--color-pink-200);
}
.border-pink-300{
  border-color: var(--color-pink-300);
}
.border-pink-400{
  border-color: var(--color-pink-400);
}
.border-pink-500{
  border-color: var(--color-pink-500);
}
.border-pink-600{
  border-color: var(--color-pink-600);
}
.border-pink-700{
  border-color: var(--color-pink-700);
}
.border-pink-800{
  border-color: var(--color-pink-800);
}
.border-pink-900{
  border-color: var(--color-pink-900);
}
.border-pink-950{
  border-color: var(--color-pink-950);
}
.border-purple-50{
  border-color: var(--color-purple-50);
}
.border-purple-100{
  border-color: var(--color-purple-100);
}
.border-purple-200{
  border-color: var(--color-purple-200);
}
.border-purple-300{
  border-color: var(--color-purple-300);
}
.border-purple-400{
  border-color: var(--color-purple-400);
}
.border-purple-500{
  border-color: var(--color-purple-500);
}
.border-purple-600{
  border-color: var(--color-purple-600);
}
.border-purple-700{
  border-color: var(--color-purple-700);
}
.border-purple-800{
  border-color: var(--color-purple-800);
}
.border-purple-900{
  border-color: var(--color-purple-900);
}
.border-purple-950{
  border-color: var(--color-purple-950);
}
.border-red-50{
  border-color: var(--color-red-50);
}
.border-red-100{
  border-color: var(--color-red-100);
}
.border-red-200{
  border-color: var(--color-red-200);
}
.border-red-300{
  border-color: var(--color-red-300);
}
.border-red-400{
  border-color: var(--color-red-400);
}
.border-red-500{
  border-color: var(--color-red-500);
}
.border-red-600{
  border-color: var(--color-red-600);
}
.border-red-700{
  border-color: var(--color-red-700);
}
.border-red-800{
  border-color: var(--color-red-800);
}
.border-red-900{
  border-color: var(--color-red-900);
}
.border-red-950{
  border-color: var(--color-red-950);
}
.border-rose-50{
  border-color: var(--color-rose-50);
}
.border-rose-100{
  border-color: var(--color-rose-100);
}
.border-rose-200{
  border-color: var(--color-rose-200);
}
.border-rose-300{
  border-color: var(--color-rose-300);
}
.border-rose-400{
  border-color: var(--color-rose-400);
}
.border-rose-500{
  border-color: var(--color-rose-500);
}
.border-rose-600{
  border-color: var(--color-rose-600);
}
.border-rose-700{
  border-color: var(--color-rose-700);
}
.border-rose-800{
  border-color: var(--color-rose-800);
}
.border-rose-900{
  border-color: var(--color-rose-900);
}
.border-rose-950{
  border-color: var(--color-rose-950);
}
.border-sky-50{
  border-color: var(--color-sky-50);
}
.border-sky-100{
  border-color: var(--color-sky-100);
}
.border-sky-200{
  border-color: var(--color-sky-200);
}
.border-sky-300{
  border-color: var(--color-sky-300);
}
.border-sky-400{
  border-color: var(--color-sky-400);
}
.border-sky-500{
  border-color: var(--color-sky-500);
}
.border-sky-600{
  border-color: var(--color-sky-600);
}
.border-sky-700{
  border-color: var(--color-sky-700);
}
.border-sky-800{
  border-color: var(--color-sky-800);
}
.border-sky-900{
  border-color: var(--color-sky-900);
}
.border-sky-950{
  border-color: var(--color-sky-950);
}
.border-slate-50{
  border-color: var(--color-slate-50);
}
.border-slate-100{
  border-color: var(--color-slate-100);
}
.border-slate-200{
  border-color: var(--color-slate-200);
}
.border-slate-300{
  border-color: var(--color-slate-300);
}
.border-slate-400{
  border-color: var(--color-slate-400);
}
.border-slate-500{
  border-color: var(--color-slate-500);
}
.border-slate-600{
  border-color: var(--color-slate-600);
}
.border-slate-700{
  border-color: var(--color-slate-700);
}
.border-slate-800{
  border-color: var(--color-slate-800);
}
.border-slate-900{
  border-color: var(--color-slate-900);
}
.border-slate-950{
  border-color: var(--color-slate-950);
}
.border-stone-200{
  border-color: var(--color-stone-200);
}
.border-teal-50{
  border-color: var(--color-teal-50);
}
.border-teal-100{
  border-color: var(--color-teal-100);
}
.border-teal-200{
  border-color: var(--color-teal-200);
}
.border-teal-300{
  border-color: var(--color-teal-300);
}
.border-teal-400{
  border-color: var(--color-teal-400);
}
.border-teal-500{
  border-color: var(--color-teal-500);
}
.border-teal-600{
  border-color: var(--color-teal-600);
}
.border-teal-700{
  border-color: var(--color-teal-700);
}
.border-teal-800{
  border-color: var(--color-teal-800);
}
.border-teal-900{
  border-color: var(--color-teal-900);
}
.border-teal-950{
  border-color: var(--color-teal-950);
}
.border-transparent{
  border-color: transparent;
}
.border-violet-50{
  border-color: var(--color-violet-50);
}
.border-violet-100{
  border-color: var(--color-violet-100);
}
.border-violet-200{
  border-color: var(--color-violet-200);
}
.border-violet-300{
  border-color: var(--color-violet-300);
}
.border-violet-400{
  border-color: var(--color-violet-400);
}
.border-violet-500{
  border-color: var(--color-violet-500);
}
.border-violet-600{
  border-color: var(--color-violet-600);
}
.border-violet-700{
  border-color: var(--color-violet-700);
}
.border-violet-800{
  border-color: var(--color-violet-800);
}
.border-violet-900{
  border-color: var(--color-violet-900);
}
.border-violet-950{
  border-color: var(--color-violet-950);
}
.border-white\/20{
  border-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .border-white\/20{
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.border-yellow-50{
  border-color: var(--color-yellow-50);
}
.border-yellow-100{
  border-color: var(--color-yellow-100);
}
.border-yellow-200{
  border-color: var(--color-yellow-200);
}
.border-yellow-300{
  border-color: var(--color-yellow-300);
}
.border-yellow-400{
  border-color: var(--color-yellow-400);
}
.border-yellow-500{
  border-color: var(--color-yellow-500);
}
.border-yellow-600{
  border-color: var(--color-yellow-600);
}
.border-yellow-700{
  border-color: var(--color-yellow-700);
}
.border-yellow-800{
  border-color: var(--color-yellow-800);
}
.border-yellow-900{
  border-color: var(--color-yellow-900);
}
.border-yellow-950{
  border-color: var(--color-yellow-950);
}
.border-zinc-50{
  border-color: var(--color-zinc-50);
}
.border-zinc-100{
  border-color: var(--color-zinc-100);
}
.border-zinc-200{
  border-color: var(--color-zinc-200);
}
.border-zinc-300{
  border-color: var(--color-zinc-300);
}
.border-zinc-400{
  border-color: var(--color-zinc-400);
}
.border-zinc-500{
  border-color: var(--color-zinc-500);
}
.border-zinc-600{
  border-color: var(--color-zinc-600);
}
.border-zinc-700{
  border-color: var(--color-zinc-700);
}
.border-zinc-800{
  border-color: var(--color-zinc-800);
}
.border-zinc-900{
  border-color: var(--color-zinc-900);
}
.border-zinc-950{
  border-color: var(--color-zinc-950);
}
.bg-\[\#f4f6f8\]{
  background-color: #f4f6f8;
}
.bg-\[\#fff1f2\]{
  background-color: #fff1f2;
}
.bg-amber-50{
  background-color: var(--color-amber-50);
}
.bg-amber-100{
  background-color: var(--color-amber-100);
}
.bg-amber-200{
  background-color: var(--color-amber-200);
}
.bg-amber-300{
  background-color: var(--color-amber-300);
}
.bg-amber-400{
  background-color: var(--color-amber-400);
}
.bg-amber-500{
  background-color: var(--color-amber-500);
}
.bg-amber-600{
  background-color: var(--color-amber-600);
}
.bg-amber-700{
  background-color: var(--color-amber-700);
}
.bg-amber-800{
  background-color: var(--color-amber-800);
}
.bg-amber-900{
  background-color: var(--color-amber-900);
}
.bg-amber-950{
  background-color: var(--color-amber-950);
}
.bg-black{
  background-color: var(--color-black);
}
.bg-black\/60{
  background-color: color-mix(in srgb, #000 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-black\/60{
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
.bg-blue-50{
  background-color: var(--color-blue-50);
}
.bg-blue-100{
  background-color: var(--color-blue-100);
}
.bg-blue-200{
  background-color: var(--color-blue-200);
}
.bg-blue-300{
  background-color: var(--color-blue-300);
}
.bg-blue-400{
  background-color: var(--color-blue-400);
}
.bg-blue-500{
  background-color: var(--color-blue-500);
}
.bg-blue-600{
  background-color: var(--color-blue-600);
}
.bg-blue-700{
  background-color: var(--color-blue-700);
}
.bg-blue-800{
  background-color: var(--color-blue-800);
}
.bg-blue-900{
  background-color: var(--color-blue-900);
}
.bg-blue-950{
  background-color: var(--color-blue-950);
}
.bg-cyan-50{
  background-color: var(--color-cyan-50);
}
.bg-cyan-100{
  background-color: var(--color-cyan-100);
}
.bg-cyan-200{
  background-color: var(--color-cyan-200);
}
.bg-cyan-300{
  background-color: var(--color-cyan-300);
}
.bg-cyan-400{
  background-color: var(--color-cyan-400);
}
.bg-cyan-500{
  background-color: var(--color-cyan-500);
}
.bg-cyan-600{
  background-color: var(--color-cyan-600);
}
.bg-cyan-700{
  background-color: var(--color-cyan-700);
}
.bg-cyan-800{
  background-color: var(--color-cyan-800);
}
.bg-cyan-900{
  background-color: var(--color-cyan-900);
}
.bg-cyan-950{
  background-color: var(--color-cyan-950);
}
.bg-emerald-50{
  background-color: var(--color-emerald-50);
}
.bg-emerald-100{
  background-color: var(--color-emerald-100);
}
.bg-emerald-200{
  background-color: var(--color-emerald-200);
}
.bg-emerald-300{
  background-color: var(--color-emerald-300);
}
.bg-emerald-400{
  background-color: var(--color-emerald-400);
}
.bg-emerald-500{
  background-color: var(--color-emerald-500);
}
.bg-emerald-600{
  background-color: var(--color-emerald-600);
}
.bg-emerald-700{
  background-color: var(--color-emerald-700);
}
.bg-emerald-800{
  background-color: var(--color-emerald-800);
}
.bg-emerald-900{
  background-color: var(--color-emerald-900);
}
.bg-emerald-950{
  background-color: var(--color-emerald-950);
}
.bg-fuchsia-50{
  background-color: var(--color-fuchsia-50);
}
.bg-fuchsia-100{
  background-color: var(--color-fuchsia-100);
}
.bg-fuchsia-200{
  background-color: var(--color-fuchsia-200);
}
.bg-fuchsia-300{
  background-color: var(--color-fuchsia-300);
}
.bg-fuchsia-400{
  background-color: var(--color-fuchsia-400);
}
.bg-fuchsia-500{
  background-color: var(--color-fuchsia-500);
}
.bg-fuchsia-600{
  background-color: var(--color-fuchsia-600);
}
.bg-fuchsia-700{
  background-color: var(--color-fuchsia-700);
}
.bg-fuchsia-800{
  background-color: var(--color-fuchsia-800);
}
.bg-fuchsia-900{
  background-color: var(--color-fuchsia-900);
}
.bg-fuchsia-950{
  background-color: var(--color-fuchsia-950);
}
.bg-gray-50{
  background-color: var(--color-gray-50);
}
.bg-gray-50\/50{
  background-color: color-mix(in srgb, #f9fafb 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-gray-50\/50{
    background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
  }
}
.bg-gray-50\/80{
  background-color: color-mix(in srgb, #f9fafb 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-gray-50\/80{
    background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent);
  }
}
.bg-gray-100{
  background-color: var(--color-gray-100);
}
.bg-gray-200{
  background-color: var(--color-gray-200);
}
.bg-gray-300{
  background-color: var(--color-gray-300);
}
.bg-gray-400{
  background-color: var(--color-gray-400);
}
.bg-gray-500{
  background-color: var(--color-gray-500);
}
.bg-gray-600{
  background-color: var(--color-gray-600);
}
.bg-gray-700{
  background-color: var(--color-gray-700);
}
.bg-gray-800{
  background-color: var(--color-gray-800);
}
.bg-gray-900{
  background-color: var(--color-gray-900);
}
.bg-gray-950{
  background-color: var(--color-gray-950);
}
.bg-green-50{
  background-color: var(--color-green-50);
}
.bg-green-100{
  background-color: var(--color-green-100);
}
.bg-green-200{
  background-color: var(--color-green-200);
}
.bg-green-300{
  background-color: var(--color-green-300);
}
.bg-green-400{
  background-color: var(--color-green-400);
}
.bg-green-500{
  background-color: var(--color-green-500);
}
.bg-green-600{
  background-color: var(--color-green-600);
}
.bg-green-700{
  background-color: var(--color-green-700);
}
.bg-green-800{
  background-color: var(--color-green-800);
}
.bg-green-900{
  background-color: var(--color-green-900);
}
.bg-green-950{
  background-color: var(--color-green-950);
}
.bg-indigo-50{
  background-color: var(--color-indigo-50);
}
.bg-indigo-100{
  background-color: var(--color-indigo-100);
}
.bg-indigo-200{
  background-color: var(--color-indigo-200);
}
.bg-indigo-300{
  background-color: var(--color-indigo-300);
}
.bg-indigo-400{
  background-color: var(--color-indigo-400);
}
.bg-indigo-500{
  background-color: var(--color-indigo-500);
}
.bg-indigo-600{
  background-color: var(--color-indigo-600);
}
.bg-indigo-700{
  background-color: var(--color-indigo-700);
}
.bg-indigo-800{
  background-color: var(--color-indigo-800);
}
.bg-indigo-900{
  background-color: var(--color-indigo-900);
}
.bg-indigo-950{
  background-color: var(--color-indigo-950);
}
.bg-lime-50{
  background-color: var(--color-lime-50);
}
.bg-lime-100{
  background-color: var(--color-lime-100);
}
.bg-lime-200{
  background-color: var(--color-lime-200);
}
.bg-lime-300{
  background-color: var(--color-lime-300);
}
.bg-lime-400{
  background-color: var(--color-lime-400);
}
.bg-lime-500{
  background-color: var(--color-lime-500);
}
.bg-lime-600{
  background-color: var(--color-lime-600);
}
.bg-lime-700{
  background-color: var(--color-lime-700);
}
.bg-lime-800{
  background-color: var(--color-lime-800);
}
.bg-lime-900{
  background-color: var(--color-lime-900);
}
.bg-lime-950{
  background-color: var(--color-lime-950);
}
.bg-orange-50{
  background-color: var(--color-orange-50);
}
.bg-orange-100{
  background-color: var(--color-orange-100);
}
.bg-orange-200{
  background-color: var(--color-orange-200);
}
.bg-orange-300{
  background-color: var(--color-orange-300);
}
.bg-orange-400{
  background-color: var(--color-orange-400);
}
.bg-orange-500{
  background-color: var(--color-orange-500);
}
.bg-orange-600{
  background-color: var(--color-orange-600);
}
.bg-orange-700{
  background-color: var(--color-orange-700);
}
.bg-orange-800{
  background-color: var(--color-orange-800);
}
.bg-orange-900{
  background-color: var(--color-orange-900);
}
.bg-orange-950{
  background-color: var(--color-orange-950);
}
.bg-pink-50{
  background-color: var(--color-pink-50);
}
.bg-pink-100{
  background-color: var(--color-pink-100);
}
.bg-pink-200{
  background-color: var(--color-pink-200);
}
.bg-pink-300{
  background-color: var(--color-pink-300);
}
.bg-pink-400{
  background-color: var(--color-pink-400);
}
.bg-pink-500{
  background-color: var(--color-pink-500);
}
.bg-pink-600{
  background-color: var(--color-pink-600);
}
.bg-pink-700{
  background-color: var(--color-pink-700);
}
.bg-pink-800{
  background-color: var(--color-pink-800);
}
.bg-pink-900{
  background-color: var(--color-pink-900);
}
.bg-pink-950{
  background-color: var(--color-pink-950);
}
.bg-purple-50{
  background-color: var(--color-purple-50);
}
.bg-purple-100{
  background-color: var(--color-purple-100);
}
.bg-purple-200{
  background-color: var(--color-purple-200);
}
.bg-purple-300{
  background-color: var(--color-purple-300);
}
.bg-purple-400{
  background-color: var(--color-purple-400);
}
.bg-purple-500{
  background-color: var(--color-purple-500);
}
.bg-purple-600{
  background-color: var(--color-purple-600);
}
.bg-purple-700{
  background-color: var(--color-purple-700);
}
.bg-purple-800{
  background-color: var(--color-purple-800);
}
.bg-purple-900{
  background-color: var(--color-purple-900);
}
.bg-purple-950{
  background-color: var(--color-purple-950);
}
.bg-red-50{
  background-color: var(--color-red-50);
}
.bg-red-100{
  background-color: var(--color-red-100);
}
.bg-red-200{
  background-color: var(--color-red-200);
}
.bg-red-300{
  background-color: var(--color-red-300);
}
.bg-red-400{
  background-color: var(--color-red-400);
}
.bg-red-500{
  background-color: var(--color-red-500);
}
.bg-red-600{
  background-color: var(--color-red-600);
}
.bg-red-700{
  background-color: var(--color-red-700);
}
.bg-red-800{
  background-color: var(--color-red-800);
}
.bg-red-900{
  background-color: var(--color-red-900);
}
.bg-red-950{
  background-color: var(--color-red-950);
}
.bg-rose-50{
  background-color: var(--color-rose-50);
}
.bg-rose-100{
  background-color: var(--color-rose-100);
}
.bg-rose-200{
  background-color: var(--color-rose-200);
}
.bg-rose-300{
  background-color: var(--color-rose-300);
}
.bg-rose-400{
  background-color: var(--color-rose-400);
}
.bg-rose-500{
  background-color: var(--color-rose-500);
}
.bg-rose-600{
  background-color: var(--color-rose-600);
}
.bg-rose-700{
  background-color: var(--color-rose-700);
}
.bg-rose-800{
  background-color: var(--color-rose-800);
}
.bg-rose-900{
  background-color: var(--color-rose-900);
}
.bg-rose-950{
  background-color: var(--color-rose-950);
}
.bg-sky-50{
  background-color: var(--color-sky-50);
}
.bg-sky-100{
  background-color: var(--color-sky-100);
}
.bg-sky-200{
  background-color: var(--color-sky-200);
}
.bg-sky-300{
  background-color: var(--color-sky-300);
}
.bg-sky-400{
  background-color: var(--color-sky-400);
}
.bg-sky-500{
  background-color: var(--color-sky-500);
}
.bg-sky-600{
  background-color: var(--color-sky-600);
}
.bg-sky-700{
  background-color: var(--color-sky-700);
}
.bg-sky-800{
  background-color: var(--color-sky-800);
}
.bg-sky-900{
  background-color: var(--color-sky-900);
}
.bg-sky-950{
  background-color: var(--color-sky-950);
}
.bg-slate-50{
  background-color: var(--color-slate-50);
}
.bg-slate-100{
  background-color: var(--color-slate-100);
}
.bg-slate-200{
  background-color: var(--color-slate-200);
}
.bg-slate-300{
  background-color: var(--color-slate-300);
}
.bg-slate-400{
  background-color: var(--color-slate-400);
}
.bg-slate-500{
  background-color: var(--color-slate-500);
}
.bg-slate-600{
  background-color: var(--color-slate-600);
}
.bg-slate-700{
  background-color: var(--color-slate-700);
}
.bg-slate-800{
  background-color: var(--color-slate-800);
}
.bg-slate-900{
  background-color: var(--color-slate-900);
}
.bg-slate-950{
  background-color: var(--color-slate-950);
}
.bg-stone-50{
  background-color: var(--color-stone-50);
}
.bg-teal-50{
  background-color: var(--color-teal-50);
}
.bg-teal-100{
  background-color: var(--color-teal-100);
}
.bg-teal-200{
  background-color: var(--color-teal-200);
}
.bg-teal-300{
  background-color: var(--color-teal-300);
}
.bg-teal-400{
  background-color: var(--color-teal-400);
}
.bg-teal-500{
  background-color: var(--color-teal-500);
}
.bg-teal-600{
  background-color: var(--color-teal-600);
}
.bg-teal-700{
  background-color: var(--color-teal-700);
}
.bg-teal-800{
  background-color: var(--color-teal-800);
}
.bg-teal-900{
  background-color: var(--color-teal-900);
}
.bg-teal-950{
  background-color: var(--color-teal-950);
}
.bg-violet-50{
  background-color: var(--color-violet-50);
}
.bg-violet-100{
  background-color: var(--color-violet-100);
}
.bg-violet-200{
  background-color: var(--color-violet-200);
}
.bg-violet-300{
  background-color: var(--color-violet-300);
}
.bg-violet-400{
  background-color: var(--color-violet-400);
}
.bg-violet-500{
  background-color: var(--color-violet-500);
}
.bg-violet-600{
  background-color: var(--color-violet-600);
}
.bg-violet-700{
  background-color: var(--color-violet-700);
}
.bg-violet-800{
  background-color: var(--color-violet-800);
}
.bg-violet-900{
  background-color: var(--color-violet-900);
}
.bg-violet-950{
  background-color: var(--color-violet-950);
}
.bg-white{
  background-color: var(--color-white);
}
.bg-white\/10{
  background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-white\/10{
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/80{
  background-color: color-mix(in srgb, #fff 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-white\/80{
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-white\/90{
  background-color: color-mix(in srgb, #fff 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .bg-white\/90{
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-yellow-50{
  background-color: var(--color-yellow-50);
}
.bg-yellow-100{
  background-color: var(--color-yellow-100);
}
.bg-yellow-200{
  background-color: var(--color-yellow-200);
}
.bg-yellow-300{
  background-color: var(--color-yellow-300);
}
.bg-yellow-400{
  background-color: var(--color-yellow-400);
}
.bg-yellow-500{
  background-color: var(--color-yellow-500);
}
.bg-yellow-600{
  background-color: var(--color-yellow-600);
}
.bg-yellow-700{
  background-color: var(--color-yellow-700);
}
.bg-yellow-800{
  background-color: var(--color-yellow-800);
}
.bg-yellow-900{
  background-color: var(--color-yellow-900);
}
.bg-yellow-950{
  background-color: var(--color-yellow-950);
}
.bg-zinc-50{
  background-color: var(--color-zinc-50);
}
.bg-zinc-100{
  background-color: var(--color-zinc-100);
}
.bg-zinc-200{
  background-color: var(--color-zinc-200);
}
.bg-zinc-300{
  background-color: var(--color-zinc-300);
}
.bg-zinc-400{
  background-color: var(--color-zinc-400);
}
.bg-zinc-500{
  background-color: var(--color-zinc-500);
}
.bg-zinc-600{
  background-color: var(--color-zinc-600);
}
.bg-zinc-700{
  background-color: var(--color-zinc-700);
}
.bg-zinc-800{
  background-color: var(--color-zinc-800);
}
.bg-zinc-900{
  background-color: var(--color-zinc-900);
}
.bg-zinc-950{
  background-color: var(--color-zinc-950);
}
.bg-gradient-to-br{
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-black\/80{
  --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
@supports (color: color-mix(in lab, red, red)){
  .from-black\/80{
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
.from-gray-900{
  --tw-gradient-from: var(--color-gray-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-400{
  --tw-gradient-from: var(--color-purple-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-black\/20{
  --tw-gradient-via: color-mix(in srgb, #000 20%, transparent);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: color-mix(in lab, red, red)){
  .via-black\/20{
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
.to-gray-700{
  --tw-gradient-to: var(--color-gray-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-purple-600{
  --tw-gradient-to: var(--color-purple-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent{
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.object-cover{
  object-fit: cover;
}
.p-1\.5{
  padding: calc(var(--spacing) * 1.5);
}
.p-3{
  padding: calc(var(--spacing) * 3);
}
.p-4{
  padding: calc(var(--spacing) * 4);
}
.p-5{
  padding: calc(var(--spacing) * 5);
}
.p-6{
  padding: calc(var(--spacing) * 6);
}
.p-7{
  padding: calc(var(--spacing) * 7);
}
.p-8{
  padding: calc(var(--spacing) * 8);
}
.px-1{
  padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5{
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2{
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5{
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3{
  padding-inline: calc(var(--spacing) * 3);
}
.px-4{
  padding-inline: calc(var(--spacing) * 4);
}
.px-5{
  padding-inline: calc(var(--spacing) * 5);
}
.px-8{
  padding-inline: calc(var(--spacing) * 8);
}
.py-0\.5{
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1{
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5{
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2{
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5{
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3{
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5{
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4{
  padding-block: calc(var(--spacing) * 4);
}
.py-20{
  padding-block: calc(var(--spacing) * 20);
}
.py-24{
  padding-block: calc(var(--spacing) * 24);
}
.pt-6{
  padding-top: calc(var(--spacing) * 6);
}
.pr-1{
  padding-right: calc(var(--spacing) * 1);
}
.pr-2{
  padding-right: calc(var(--spacing) * 2);
}
.pb-5{
  padding-bottom: calc(var(--spacing) * 5);
}
.pl-2{
  padding-left: calc(var(--spacing) * 2);
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.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-5xl{
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl{
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-base{
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg{
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm{
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl{
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs{
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9px\]{
  font-size: 9px;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.leading-relaxed{
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug{
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight{
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black{
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold{
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium{
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.tracking-tight{
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide{
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider{
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest{
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-wrap{
  text-wrap: wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-amber-50{
  color: var(--color-amber-50);
}
.text-amber-100{
  color: var(--color-amber-100);
}
.text-amber-200{
  color: var(--color-amber-200);
}
.text-amber-300{
  color: var(--color-amber-300);
}
.text-amber-400{
  color: var(--color-amber-400);
}
.text-amber-500{
  color: var(--color-amber-500);
}
.text-amber-600{
  color: var(--color-amber-600);
}
.text-amber-700{
  color: var(--color-amber-700);
}
.text-amber-800{
  color: var(--color-amber-800);
}
.text-amber-900{
  color: var(--color-amber-900);
}
.text-amber-950{
  color: var(--color-amber-950);
}
.text-blue-50{
  color: var(--color-blue-50);
}
.text-blue-100{
  color: var(--color-blue-100);
}
.text-blue-200{
  color: var(--color-blue-200);
}
.text-blue-300{
  color: var(--color-blue-300);
}
.text-blue-400{
  color: var(--color-blue-400);
}
.text-blue-500{
  color: var(--color-blue-500);
}
.text-blue-600{
  color: var(--color-blue-600);
}
.text-blue-700{
  color: var(--color-blue-700);
}
.text-blue-800{
  color: var(--color-blue-800);
}
.text-blue-900{
  color: var(--color-blue-900);
}
.text-blue-950{
  color: var(--color-blue-950);
}
.text-cyan-50{
  color: var(--color-cyan-50);
}
.text-cyan-100{
  color: var(--color-cyan-100);
}
.text-cyan-200{
  color: var(--color-cyan-200);
}
.text-cyan-300{
  color: var(--color-cyan-300);
}
.text-cyan-400{
  color: var(--color-cyan-400);
}
.text-cyan-500{
  color: var(--color-cyan-500);
}
.text-cyan-600{
  color: var(--color-cyan-600);
}
.text-cyan-700{
  color: var(--color-cyan-700);
}
.text-cyan-800{
  color: var(--color-cyan-800);
}
.text-cyan-900{
  color: var(--color-cyan-900);
}
.text-cyan-950{
  color: var(--color-cyan-950);
}
.text-emerald-50{
  color: var(--color-emerald-50);
}
.text-emerald-100{
  color: var(--color-emerald-100);
}
.text-emerald-200{
  color: var(--color-emerald-200);
}
.text-emerald-300{
  color: var(--color-emerald-300);
}
.text-emerald-400{
  color: var(--color-emerald-400);
}
.text-emerald-500{
  color: var(--color-emerald-500);
}
.text-emerald-600{
  color: var(--color-emerald-600);
}
.text-emerald-700{
  color: var(--color-emerald-700);
}
.text-emerald-800{
  color: var(--color-emerald-800);
}
.text-emerald-900{
  color: var(--color-emerald-900);
}
.text-emerald-950{
  color: var(--color-emerald-950);
}
.text-fuchsia-50{
  color: var(--color-fuchsia-50);
}
.text-fuchsia-100{
  color: var(--color-fuchsia-100);
}
.text-fuchsia-200{
  color: var(--color-fuchsia-200);
}
.text-fuchsia-300{
  color: var(--color-fuchsia-300);
}
.text-fuchsia-400{
  color: var(--color-fuchsia-400);
}
.text-fuchsia-500{
  color: var(--color-fuchsia-500);
}
.text-fuchsia-600{
  color: var(--color-fuchsia-600);
}
.text-fuchsia-700{
  color: var(--color-fuchsia-700);
}
.text-fuchsia-800{
  color: var(--color-fuchsia-800);
}
.text-fuchsia-900{
  color: var(--color-fuchsia-900);
}
.text-fuchsia-950{
  color: var(--color-fuchsia-950);
}
.text-gray-50{
  color: var(--color-gray-50);
}
.text-gray-100{
  color: var(--color-gray-100);
}
.text-gray-200{
  color: var(--color-gray-200);
}
.text-gray-300{
  color: var(--color-gray-300);
}
.text-gray-400{
  color: var(--color-gray-400);
}
.text-gray-500{
  color: var(--color-gray-500);
}
.text-gray-600{
  color: var(--color-gray-600);
}
.text-gray-700{
  color: var(--color-gray-700);
}
.text-gray-800{
  color: var(--color-gray-800);
}
.text-gray-900{
  color: var(--color-gray-900);
}
.text-gray-950{
  color: var(--color-gray-950);
}
.text-green-50{
  color: var(--color-green-50);
}
.text-green-100{
  color: var(--color-green-100);
}
.text-green-200{
  color: var(--color-green-200);
}
.text-green-300{
  color: var(--color-green-300);
}
.text-green-400{
  color: var(--color-green-400);
}
.text-green-500{
  color: var(--color-green-500);
}
.text-green-600{
  color: var(--color-green-600);
}
.text-green-700{
  color: var(--color-green-700);
}
.text-green-800{
  color: var(--color-green-800);
}
.text-green-900{
  color: var(--color-green-900);
}
.text-green-950{
  color: var(--color-green-950);
}
.text-indigo-50{
  color: var(--color-indigo-50);
}
.text-indigo-100{
  color: var(--color-indigo-100);
}
.text-indigo-200{
  color: var(--color-indigo-200);
}
.text-indigo-300{
  color: var(--color-indigo-300);
}
.text-indigo-400{
  color: var(--color-indigo-400);
}
.text-indigo-500{
  color: var(--color-indigo-500);
}
.text-indigo-600{
  color: var(--color-indigo-600);
}
.text-indigo-700{
  color: var(--color-indigo-700);
}
.text-indigo-800{
  color: var(--color-indigo-800);
}
.text-indigo-900{
  color: var(--color-indigo-900);
}
.text-indigo-950{
  color: var(--color-indigo-950);
}
.text-lime-50{
  color: var(--color-lime-50);
}
.text-lime-100{
  color: var(--color-lime-100);
}
.text-lime-200{
  color: var(--color-lime-200);
}
.text-lime-300{
  color: var(--color-lime-300);
}
.text-lime-400{
  color: var(--color-lime-400);
}
.text-lime-500{
  color: var(--color-lime-500);
}
.text-lime-600{
  color: var(--color-lime-600);
}
.text-lime-700{
  color: var(--color-lime-700);
}
.text-lime-800{
  color: var(--color-lime-800);
}
.text-lime-900{
  color: var(--color-lime-900);
}
.text-lime-950{
  color: var(--color-lime-950);
}
.text-orange-50{
  color: var(--color-orange-50);
}
.text-orange-100{
  color: var(--color-orange-100);
}
.text-orange-200{
  color: var(--color-orange-200);
}
.text-orange-300{
  color: var(--color-orange-300);
}
.text-orange-400{
  color: var(--color-orange-400);
}
.text-orange-500{
  color: var(--color-orange-500);
}
.text-orange-600{
  color: var(--color-orange-600);
}
.text-orange-700{
  color: var(--color-orange-700);
}
.text-orange-800{
  color: var(--color-orange-800);
}
.text-orange-900{
  color: var(--color-orange-900);
}
.text-orange-950{
  color: var(--color-orange-950);
}
.text-pink-50{
  color: var(--color-pink-50);
}
.text-pink-100{
  color: var(--color-pink-100);
}
.text-pink-200{
  color: var(--color-pink-200);
}
.text-pink-300{
  color: var(--color-pink-300);
}
.text-pink-400{
  color: var(--color-pink-400);
}
.text-pink-500{
  color: var(--color-pink-500);
}
.text-pink-600{
  color: var(--color-pink-600);
}
.text-pink-700{
  color: var(--color-pink-700);
}
.text-pink-800{
  color: var(--color-pink-800);
}
.text-pink-900{
  color: var(--color-pink-900);
}
.text-pink-950{
  color: var(--color-pink-950);
}
.text-purple-50{
  color: var(--color-purple-50);
}
.text-purple-100{
  color: var(--color-purple-100);
}
.text-purple-200{
  color: var(--color-purple-200);
}
.text-purple-300{
  color: var(--color-purple-300);
}
.text-purple-400{
  color: var(--color-purple-400);
}
.text-purple-500{
  color: var(--color-purple-500);
}
.text-purple-600{
  color: var(--color-purple-600);
}
.text-purple-700{
  color: var(--color-purple-700);
}
.text-purple-800{
  color: var(--color-purple-800);
}
.text-purple-900{
  color: var(--color-purple-900);
}
.text-purple-950{
  color: var(--color-purple-950);
}
.text-red-50{
  color: var(--color-red-50);
}
.text-red-100{
  color: var(--color-red-100);
}
.text-red-200{
  color: var(--color-red-200);
}
.text-red-300{
  color: var(--color-red-300);
}
.text-red-400{
  color: var(--color-red-400);
}
.text-red-500{
  color: var(--color-red-500);
}
.text-red-600{
  color: var(--color-red-600);
}
.text-red-700{
  color: var(--color-red-700);
}
.text-red-800{
  color: var(--color-red-800);
}
.text-red-900{
  color: var(--color-red-900);
}
.text-red-950{
  color: var(--color-red-950);
}
.text-rose-50{
  color: var(--color-rose-50);
}
.text-rose-100{
  color: var(--color-rose-100);
}
.text-rose-200{
  color: var(--color-rose-200);
}
.text-rose-300{
  color: var(--color-rose-300);
}
.text-rose-400{
  color: var(--color-rose-400);
}
.text-rose-500{
  color: var(--color-rose-500);
}
.text-rose-600{
  color: var(--color-rose-600);
}
.text-rose-700{
  color: var(--color-rose-700);
}
.text-rose-800{
  color: var(--color-rose-800);
}
.text-rose-900{
  color: var(--color-rose-900);
}
.text-rose-950{
  color: var(--color-rose-950);
}
.text-sky-50{
  color: var(--color-sky-50);
}
.text-sky-100{
  color: var(--color-sky-100);
}
.text-sky-200{
  color: var(--color-sky-200);
}
.text-sky-300{
  color: var(--color-sky-300);
}
.text-sky-400{
  color: var(--color-sky-400);
}
.text-sky-500{
  color: var(--color-sky-500);
}
.text-sky-600{
  color: var(--color-sky-600);
}
.text-sky-700{
  color: var(--color-sky-700);
}
.text-sky-800{
  color: var(--color-sky-800);
}
.text-sky-900{
  color: var(--color-sky-900);
}
.text-sky-950{
  color: var(--color-sky-950);
}
.text-slate-50{
  color: var(--color-slate-50);
}
.text-slate-100{
  color: var(--color-slate-100);
}
.text-slate-200{
  color: var(--color-slate-200);
}
.text-slate-300{
  color: var(--color-slate-300);
}
.text-slate-400{
  color: var(--color-slate-400);
}
.text-slate-500{
  color: var(--color-slate-500);
}
.text-slate-600{
  color: var(--color-slate-600);
}
.text-slate-700{
  color: var(--color-slate-700);
}
.text-slate-800{
  color: var(--color-slate-800);
}
.text-slate-900{
  color: var(--color-slate-900);
}
.text-slate-950{
  color: var(--color-slate-950);
}
.text-stone-500{
  color: var(--color-stone-500);
}
.text-teal-50{
  color: var(--color-teal-50);
}
.text-teal-100{
  color: var(--color-teal-100);
}
.text-teal-200{
  color: var(--color-teal-200);
}
.text-teal-300{
  color: var(--color-teal-300);
}
.text-teal-400{
  color: var(--color-teal-400);
}
.text-teal-500{
  color: var(--color-teal-500);
}
.text-teal-600{
  color: var(--color-teal-600);
}
.text-teal-700{
  color: var(--color-teal-700);
}
.text-teal-800{
  color: var(--color-teal-800);
}
.text-teal-900{
  color: var(--color-teal-900);
}
.text-teal-950{
  color: var(--color-teal-950);
}
.text-violet-50{
  color: var(--color-violet-50);
}
.text-violet-100{
  color: var(--color-violet-100);
}
.text-violet-200{
  color: var(--color-violet-200);
}
.text-violet-300{
  color: var(--color-violet-300);
}
.text-violet-400{
  color: var(--color-violet-400);
}
.text-violet-500{
  color: var(--color-violet-500);
}
.text-violet-600{
  color: var(--color-violet-600);
}
.text-violet-700{
  color: var(--color-violet-700);
}
.text-violet-800{
  color: var(--color-violet-800);
}
.text-violet-900{
  color: var(--color-violet-900);
}
.text-violet-950{
  color: var(--color-violet-950);
}
.text-white{
  color: var(--color-white);
}
.text-white\/30{
  color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .text-white\/30{
    color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.text-white\/40{
  color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .text-white\/40{
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.text-white\/50{
  color: color-mix(in srgb, #fff 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .text-white\/50{
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.text-yellow-50{
  color: var(--color-yellow-50);
}
.text-yellow-100{
  color: var(--color-yellow-100);
}
.text-yellow-200{
  color: var(--color-yellow-200);
}
.text-yellow-300{
  color: var(--color-yellow-300);
}
.text-yellow-400{
  color: var(--color-yellow-400);
}
.text-yellow-500{
  color: var(--color-yellow-500);
}
.text-yellow-600{
  color: var(--color-yellow-600);
}
.text-yellow-700{
  color: var(--color-yellow-700);
}
.text-yellow-800{
  color: var(--color-yellow-800);
}
.text-yellow-900{
  color: var(--color-yellow-900);
}
.text-yellow-950{
  color: var(--color-yellow-950);
}
.text-zinc-50{
  color: var(--color-zinc-50);
}
.text-zinc-100{
  color: var(--color-zinc-100);
}
.text-zinc-200{
  color: var(--color-zinc-200);
}
.text-zinc-300{
  color: var(--color-zinc-300);
}
.text-zinc-400{
  color: var(--color-zinc-400);
}
.text-zinc-500{
  color: var(--color-zinc-500);
}
.text-zinc-600{
  color: var(--color-zinc-600);
}
.text-zinc-700{
  color: var(--color-zinc-700);
}
.text-zinc-800{
  color: var(--color-zinc-800);
}
.text-zinc-900{
  color: var(--color-zinc-900);
}
.text-zinc-950{
  color: var(--color-zinc-950);
}
.uppercase{
  text-transform: uppercase;
}
.accent-red-500{
  accent-color: var(--color-red-500);
}
.accent-violet-600{
  accent-color: var(--color-violet-600);
}
.opacity-0{
  opacity: 0%;
}
.opacity-40{
  opacity: 40%;
}
.opacity-50{
  opacity: 50%;
}
.opacity-100{
  opacity: 100%;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_8px_16px_rgba\(0\,0\,0\,0\.15\)\]{
  --tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(0,0,0,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_8px_16px_rgba\(168\,85\,247\,0\.3\)\]{
  --tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(168,85,247,0.3));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2{
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-4{
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-amber-50{
  --tw-ring-color: var(--color-amber-50);
}
.ring-amber-100{
  --tw-ring-color: var(--color-amber-100);
}
.ring-amber-200{
  --tw-ring-color: var(--color-amber-200);
}
.ring-amber-300{
  --tw-ring-color: var(--color-amber-300);
}
.ring-amber-400{
  --tw-ring-color: var(--color-amber-400);
}
.ring-amber-500{
  --tw-ring-color: var(--color-amber-500);
}
.ring-amber-600{
  --tw-ring-color: var(--color-amber-600);
}
.ring-amber-700{
  --tw-ring-color: var(--color-amber-700);
}
.ring-amber-800{
  --tw-ring-color: var(--color-amber-800);
}
.ring-amber-900{
  --tw-ring-color: var(--color-amber-900);
}
.ring-amber-950{
  --tw-ring-color: var(--color-amber-950);
}
.ring-blue-50{
  --tw-ring-color: var(--color-blue-50);
}
.ring-blue-100{
  --tw-ring-color: var(--color-blue-100);
}
.ring-blue-200{
  --tw-ring-color: var(--color-blue-200);
}
.ring-blue-300{
  --tw-ring-color: var(--color-blue-300);
}
.ring-blue-400{
  --tw-ring-color: var(--color-blue-400);
}
.ring-blue-500{
  --tw-ring-color: var(--color-blue-500);
}
.ring-blue-600{
  --tw-ring-color: var(--color-blue-600);
}
.ring-blue-700{
  --tw-ring-color: var(--color-blue-700);
}
.ring-blue-800{
  --tw-ring-color: var(--color-blue-800);
}
.ring-blue-900{
  --tw-ring-color: var(--color-blue-900);
}
.ring-blue-950{
  --tw-ring-color: var(--color-blue-950);
}
.ring-cyan-50{
  --tw-ring-color: var(--color-cyan-50);
}
.ring-cyan-100{
  --tw-ring-color: var(--color-cyan-100);
}
.ring-cyan-200{
  --tw-ring-color: var(--color-cyan-200);
}
.ring-cyan-300{
  --tw-ring-color: var(--color-cyan-300);
}
.ring-cyan-400{
  --tw-ring-color: var(--color-cyan-400);
}
.ring-cyan-500{
  --tw-ring-color: var(--color-cyan-500);
}
.ring-cyan-600{
  --tw-ring-color: var(--color-cyan-600);
}
.ring-cyan-700{
  --tw-ring-color: var(--color-cyan-700);
}
.ring-cyan-800{
  --tw-ring-color: var(--color-cyan-800);
}
.ring-cyan-900{
  --tw-ring-color: var(--color-cyan-900);
}
.ring-cyan-950{
  --tw-ring-color: var(--color-cyan-950);
}
.ring-emerald-50{
  --tw-ring-color: var(--color-emerald-50);
}
.ring-emerald-100{
  --tw-ring-color: var(--color-emerald-100);
}
.ring-emerald-200{
  --tw-ring-color: var(--color-emerald-200);
}
.ring-emerald-300{
  --tw-ring-color: var(--color-emerald-300);
}
.ring-emerald-400{
  --tw-ring-color: var(--color-emerald-400);
}
.ring-emerald-500{
  --tw-ring-color: var(--color-emerald-500);
}
.ring-emerald-600{
  --tw-ring-color: var(--color-emerald-600);
}
.ring-emerald-700{
  --tw-ring-color: var(--color-emerald-700);
}
.ring-emerald-800{
  --tw-ring-color: var(--color-emerald-800);
}
.ring-emerald-900{
  --tw-ring-color: var(--color-emerald-900);
}
.ring-emerald-950{
  --tw-ring-color: var(--color-emerald-950);
}
.ring-fuchsia-50{
  --tw-ring-color: var(--color-fuchsia-50);
}
.ring-fuchsia-100{
  --tw-ring-color: var(--color-fuchsia-100);
}
.ring-fuchsia-200{
  --tw-ring-color: var(--color-fuchsia-200);
}
.ring-fuchsia-300{
  --tw-ring-color: var(--color-fuchsia-300);
}
.ring-fuchsia-400{
  --tw-ring-color: var(--color-fuchsia-400);
}
.ring-fuchsia-500{
  --tw-ring-color: var(--color-fuchsia-500);
}
.ring-fuchsia-600{
  --tw-ring-color: var(--color-fuchsia-600);
}
.ring-fuchsia-700{
  --tw-ring-color: var(--color-fuchsia-700);
}
.ring-fuchsia-800{
  --tw-ring-color: var(--color-fuchsia-800);
}
.ring-fuchsia-900{
  --tw-ring-color: var(--color-fuchsia-900);
}
.ring-fuchsia-950{
  --tw-ring-color: var(--color-fuchsia-950);
}
.ring-gray-50{
  --tw-ring-color: var(--color-gray-50);
}
.ring-gray-100{
  --tw-ring-color: var(--color-gray-100);
}
.ring-gray-200{
  --tw-ring-color: var(--color-gray-200);
}
.ring-gray-300{
  --tw-ring-color: var(--color-gray-300);
}
.ring-gray-400{
  --tw-ring-color: var(--color-gray-400);
}
.ring-gray-500{
  --tw-ring-color: var(--color-gray-500);
}
.ring-gray-600{
  --tw-ring-color: var(--color-gray-600);
}
.ring-gray-700{
  --tw-ring-color: var(--color-gray-700);
}
.ring-gray-800{
  --tw-ring-color: var(--color-gray-800);
}
.ring-gray-900{
  --tw-ring-color: var(--color-gray-900);
}
.ring-gray-950{
  --tw-ring-color: var(--color-gray-950);
}
.ring-green-50{
  --tw-ring-color: var(--color-green-50);
}
.ring-green-100{
  --tw-ring-color: var(--color-green-100);
}
.ring-green-200{
  --tw-ring-color: var(--color-green-200);
}
.ring-green-300{
  --tw-ring-color: var(--color-green-300);
}
.ring-green-400{
  --tw-ring-color: var(--color-green-400);
}
.ring-green-500{
  --tw-ring-color: var(--color-green-500);
}
.ring-green-600{
  --tw-ring-color: var(--color-green-600);
}
.ring-green-700{
  --tw-ring-color: var(--color-green-700);
}
.ring-green-800{
  --tw-ring-color: var(--color-green-800);
}
.ring-green-900{
  --tw-ring-color: var(--color-green-900);
}
.ring-green-950{
  --tw-ring-color: var(--color-green-950);
}
.ring-indigo-50{
  --tw-ring-color: var(--color-indigo-50);
}
.ring-indigo-100{
  --tw-ring-color: var(--color-indigo-100);
}
.ring-indigo-200{
  --tw-ring-color: var(--color-indigo-200);
}
.ring-indigo-300{
  --tw-ring-color: var(--color-indigo-300);
}
.ring-indigo-400{
  --tw-ring-color: var(--color-indigo-400);
}
.ring-indigo-500{
  --tw-ring-color: var(--color-indigo-500);
}
.ring-indigo-600{
  --tw-ring-color: var(--color-indigo-600);
}
.ring-indigo-700{
  --tw-ring-color: var(--color-indigo-700);
}
.ring-indigo-800{
  --tw-ring-color: var(--color-indigo-800);
}
.ring-indigo-900{
  --tw-ring-color: var(--color-indigo-900);
}
.ring-indigo-950{
  --tw-ring-color: var(--color-indigo-950);
}
.ring-lime-50{
  --tw-ring-color: var(--color-lime-50);
}
.ring-lime-100{
  --tw-ring-color: var(--color-lime-100);
}
.ring-lime-200{
  --tw-ring-color: var(--color-lime-200);
}
.ring-lime-300{
  --tw-ring-color: var(--color-lime-300);
}
.ring-lime-400{
  --tw-ring-color: var(--color-lime-400);
}
.ring-lime-500{
  --tw-ring-color: var(--color-lime-500);
}
.ring-lime-600{
  --tw-ring-color: var(--color-lime-600);
}
.ring-lime-700{
  --tw-ring-color: var(--color-lime-700);
}
.ring-lime-800{
  --tw-ring-color: var(--color-lime-800);
}
.ring-lime-900{
  --tw-ring-color: var(--color-lime-900);
}
.ring-lime-950{
  --tw-ring-color: var(--color-lime-950);
}
.ring-orange-50{
  --tw-ring-color: var(--color-orange-50);
}
.ring-orange-100{
  --tw-ring-color: var(--color-orange-100);
}
.ring-orange-200{
  --tw-ring-color: var(--color-orange-200);
}
.ring-orange-300{
  --tw-ring-color: var(--color-orange-300);
}
.ring-orange-400{
  --tw-ring-color: var(--color-orange-400);
}
.ring-orange-500{
  --tw-ring-color: var(--color-orange-500);
}
.ring-orange-600{
  --tw-ring-color: var(--color-orange-600);
}
.ring-orange-700{
  --tw-ring-color: var(--color-orange-700);
}
.ring-orange-800{
  --tw-ring-color: var(--color-orange-800);
}
.ring-orange-900{
  --tw-ring-color: var(--color-orange-900);
}
.ring-orange-950{
  --tw-ring-color: var(--color-orange-950);
}
.ring-pink-50{
  --tw-ring-color: var(--color-pink-50);
}
.ring-pink-100{
  --tw-ring-color: var(--color-pink-100);
}
.ring-pink-200{
  --tw-ring-color: var(--color-pink-200);
}
.ring-pink-300{
  --tw-ring-color: var(--color-pink-300);
}
.ring-pink-400{
  --tw-ring-color: var(--color-pink-400);
}
.ring-pink-500{
  --tw-ring-color: var(--color-pink-500);
}
.ring-pink-600{
  --tw-ring-color: var(--color-pink-600);
}
.ring-pink-700{
  --tw-ring-color: var(--color-pink-700);
}
.ring-pink-800{
  --tw-ring-color: var(--color-pink-800);
}
.ring-pink-900{
  --tw-ring-color: var(--color-pink-900);
}
.ring-pink-950{
  --tw-ring-color: var(--color-pink-950);
}
.ring-purple-50{
  --tw-ring-color: var(--color-purple-50);
}
.ring-purple-100{
  --tw-ring-color: var(--color-purple-100);
}
.ring-purple-200{
  --tw-ring-color: var(--color-purple-200);
}
.ring-purple-300{
  --tw-ring-color: var(--color-purple-300);
}
.ring-purple-400{
  --tw-ring-color: var(--color-purple-400);
}
.ring-purple-500{
  --tw-ring-color: var(--color-purple-500);
}
.ring-purple-600{
  --tw-ring-color: var(--color-purple-600);
}
.ring-purple-700{
  --tw-ring-color: var(--color-purple-700);
}
.ring-purple-800{
  --tw-ring-color: var(--color-purple-800);
}
.ring-purple-900{
  --tw-ring-color: var(--color-purple-900);
}
.ring-purple-950{
  --tw-ring-color: var(--color-purple-950);
}
.ring-red-50{
  --tw-ring-color: var(--color-red-50);
}
.ring-red-100{
  --tw-ring-color: var(--color-red-100);
}
.ring-red-200{
  --tw-ring-color: var(--color-red-200);
}
.ring-red-300{
  --tw-ring-color: var(--color-red-300);
}
.ring-red-400{
  --tw-ring-color: var(--color-red-400);
}
.ring-red-500{
  --tw-ring-color: var(--color-red-500);
}
.ring-red-600{
  --tw-ring-color: var(--color-red-600);
}
.ring-red-700{
  --tw-ring-color: var(--color-red-700);
}
.ring-red-800{
  --tw-ring-color: var(--color-red-800);
}
.ring-red-900{
  --tw-ring-color: var(--color-red-900);
}
.ring-red-950{
  --tw-ring-color: var(--color-red-950);
}
.ring-rose-50{
  --tw-ring-color: var(--color-rose-50);
}
.ring-rose-100{
  --tw-ring-color: var(--color-rose-100);
}
.ring-rose-200{
  --tw-ring-color: var(--color-rose-200);
}
.ring-rose-300{
  --tw-ring-color: var(--color-rose-300);
}
.ring-rose-400{
  --tw-ring-color: var(--color-rose-400);
}
.ring-rose-500{
  --tw-ring-color: var(--color-rose-500);
}
.ring-rose-600{
  --tw-ring-color: var(--color-rose-600);
}
.ring-rose-700{
  --tw-ring-color: var(--color-rose-700);
}
.ring-rose-800{
  --tw-ring-color: var(--color-rose-800);
}
.ring-rose-900{
  --tw-ring-color: var(--color-rose-900);
}
.ring-rose-950{
  --tw-ring-color: var(--color-rose-950);
}
.ring-sky-50{
  --tw-ring-color: var(--color-sky-50);
}
.ring-sky-100{
  --tw-ring-color: var(--color-sky-100);
}
.ring-sky-200{
  --tw-ring-color: var(--color-sky-200);
}
.ring-sky-300{
  --tw-ring-color: var(--color-sky-300);
}
.ring-sky-400{
  --tw-ring-color: var(--color-sky-400);
}
.ring-sky-500{
  --tw-ring-color: var(--color-sky-500);
}
.ring-sky-600{
  --tw-ring-color: var(--color-sky-600);
}
.ring-sky-700{
  --tw-ring-color: var(--color-sky-700);
}
.ring-sky-800{
  --tw-ring-color: var(--color-sky-800);
}
.ring-sky-900{
  --tw-ring-color: var(--color-sky-900);
}
.ring-sky-950{
  --tw-ring-color: var(--color-sky-950);
}
.ring-slate-50{
  --tw-ring-color: var(--color-slate-50);
}
.ring-slate-100{
  --tw-ring-color: var(--color-slate-100);
}
.ring-slate-200{
  --tw-ring-color: var(--color-slate-200);
}
.ring-slate-300{
  --tw-ring-color: var(--color-slate-300);
}
.ring-slate-400{
  --tw-ring-color: var(--color-slate-400);
}
.ring-slate-500{
  --tw-ring-color: var(--color-slate-500);
}
.ring-slate-600{
  --tw-ring-color: var(--color-slate-600);
}
.ring-slate-700{
  --tw-ring-color: var(--color-slate-700);
}
.ring-slate-800{
  --tw-ring-color: var(--color-slate-800);
}
.ring-slate-900{
  --tw-ring-color: var(--color-slate-900);
}
.ring-slate-950{
  --tw-ring-color: var(--color-slate-950);
}
.ring-teal-50{
  --tw-ring-color: var(--color-teal-50);
}
.ring-teal-100{
  --tw-ring-color: var(--color-teal-100);
}
.ring-teal-200{
  --tw-ring-color: var(--color-teal-200);
}
.ring-teal-300{
  --tw-ring-color: var(--color-teal-300);
}
.ring-teal-400{
  --tw-ring-color: var(--color-teal-400);
}
.ring-teal-500{
  --tw-ring-color: var(--color-teal-500);
}
.ring-teal-600{
  --tw-ring-color: var(--color-teal-600);
}
.ring-teal-700{
  --tw-ring-color: var(--color-teal-700);
}
.ring-teal-800{
  --tw-ring-color: var(--color-teal-800);
}
.ring-teal-900{
  --tw-ring-color: var(--color-teal-900);
}
.ring-teal-950{
  --tw-ring-color: var(--color-teal-950);
}
.ring-violet-50{
  --tw-ring-color: var(--color-violet-50);
}
.ring-violet-100{
  --tw-ring-color: var(--color-violet-100);
}
.ring-violet-200{
  --tw-ring-color: var(--color-violet-200);
}
.ring-violet-300{
  --tw-ring-color: var(--color-violet-300);
}
.ring-violet-400{
  --tw-ring-color: var(--color-violet-400);
}
.ring-violet-500{
  --tw-ring-color: var(--color-violet-500);
}
.ring-violet-600{
  --tw-ring-color: var(--color-violet-600);
}
.ring-violet-700{
  --tw-ring-color: var(--color-violet-700);
}
.ring-violet-800{
  --tw-ring-color: var(--color-violet-800);
}
.ring-violet-900{
  --tw-ring-color: var(--color-violet-900);
}
.ring-violet-950{
  --tw-ring-color: var(--color-violet-950);
}
.ring-yellow-50{
  --tw-ring-color: var(--color-yellow-50);
}
.ring-yellow-100{
  --tw-ring-color: var(--color-yellow-100);
}
.ring-yellow-200{
  --tw-ring-color: var(--color-yellow-200);
}
.ring-yellow-300{
  --tw-ring-color: var(--color-yellow-300);
}
.ring-yellow-400{
  --tw-ring-color: var(--color-yellow-400);
}
.ring-yellow-500{
  --tw-ring-color: var(--color-yellow-500);
}
.ring-yellow-600{
  --tw-ring-color: var(--color-yellow-600);
}
.ring-yellow-700{
  --tw-ring-color: var(--color-yellow-700);
}
.ring-yellow-800{
  --tw-ring-color: var(--color-yellow-800);
}
.ring-yellow-900{
  --tw-ring-color: var(--color-yellow-900);
}
.ring-yellow-950{
  --tw-ring-color: var(--color-yellow-950);
}
.ring-zinc-50{
  --tw-ring-color: var(--color-zinc-50);
}
.ring-zinc-100{
  --tw-ring-color: var(--color-zinc-100);
}
.ring-zinc-200{
  --tw-ring-color: var(--color-zinc-200);
}
.ring-zinc-300{
  --tw-ring-color: var(--color-zinc-300);
}
.ring-zinc-400{
  --tw-ring-color: var(--color-zinc-400);
}
.ring-zinc-500{
  --tw-ring-color: var(--color-zinc-500);
}
.ring-zinc-600{
  --tw-ring-color: var(--color-zinc-600);
}
.ring-zinc-700{
  --tw-ring-color: var(--color-zinc-700);
}
.ring-zinc-800{
  --tw-ring-color: var(--color-zinc-800);
}
.ring-zinc-900{
  --tw-ring-color: var(--color-zinc-900);
}
.ring-zinc-950{
  --tw-ring-color: var(--color-zinc-950);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-md{
  --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-sm{
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter{
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition{
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all{
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors{
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform{
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300{
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500{
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700{
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.duration-1000{
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-in-out{
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.outline-none{
  --tw-outline-style: none;
  outline-style: none;
}
@media (hover: hover){
  .group-hover\:scale-100:is(:where(.group):hover *){
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (hover: hover){
  .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);
  }
}
@media (hover: hover){
  .group-hover\:text-red-500:is(:where(.group):hover *){
      color: var(--color-red-500);
  }
}
@media (hover: hover){
  .group-hover\:opacity-100:is(:where(.group):hover *){
      opacity: 100%;
  }
}
.empty\:hidden:empty{
    display: none;
}
@media (hover: hover){
  .hover\:-translate-y-0\.5:hover{
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (hover: hover){
  .hover\:-translate-y-1:hover{
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (hover: hover){
  .hover\:scale-105:hover{
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (hover: hover){
  .hover\:scale-110:hover{
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
@media (hover: hover){
  .hover\:scale-\[1\.02\]:hover{
      scale: 1.02;
  }
}
@media (hover: hover){
  .hover\:border-amber-50:hover{
      border-color: var(--color-amber-50);
  }
}
@media (hover: hover){
  .hover\:border-amber-100:hover{
      border-color: var(--color-amber-100);
  }
}
@media (hover: hover){
  .hover\:border-amber-200:hover{
      border-color: var(--color-amber-200);
  }
}
@media (hover: hover){
  .hover\:border-amber-300:hover{
      border-color: var(--color-amber-300);
  }
}
@media (hover: hover){
  .hover\:border-amber-400:hover{
      border-color: var(--color-amber-400);
  }
}
@media (hover: hover){
  .hover\:border-amber-500:hover{
      border-color: var(--color-amber-500);
  }
}
@media (hover: hover){
  .hover\:border-amber-600:hover{
      border-color: var(--color-amber-600);
  }
}
@media (hover: hover){
  .hover\:border-amber-700:hover{
      border-color: var(--color-amber-700);
  }
}
@media (hover: hover){
  .hover\:border-amber-800:hover{
      border-color: var(--color-amber-800);
  }
}
@media (hover: hover){
  .hover\:border-amber-900:hover{
      border-color: var(--color-amber-900);
  }
}
@media (hover: hover){
  .hover\:border-amber-950:hover{
      border-color: var(--color-amber-950);
  }
}
@media (hover: hover){
  .hover\:border-blue-50:hover{
      border-color: var(--color-blue-50);
  }
}
@media (hover: hover){
  .hover\:border-blue-100:hover{
      border-color: var(--color-blue-100);
  }
}
@media (hover: hover){
  .hover\:border-blue-200:hover{
      border-color: var(--color-blue-200);
  }
}
@media (hover: hover){
  .hover\:border-blue-300:hover{
      border-color: var(--color-blue-300);
  }
}
@media (hover: hover){
  .hover\:border-blue-400:hover{
      border-color: var(--color-blue-400);
  }
}
@media (hover: hover){
  .hover\:border-blue-500:hover{
      border-color: var(--color-blue-500);
  }
}
@media (hover: hover){
  .hover\:border-blue-600:hover{
      border-color: var(--color-blue-600);
  }
}
@media (hover: hover){
  .hover\:border-blue-700:hover{
      border-color: var(--color-blue-700);
  }
}
@media (hover: hover){
  .hover\:border-blue-800:hover{
      border-color: var(--color-blue-800);
  }
}
@media (hover: hover){
  .hover\:border-blue-900:hover{
      border-color: var(--color-blue-900);
  }
}
@media (hover: hover){
  .hover\:border-blue-950:hover{
      border-color: var(--color-blue-950);
  }
}
@media (hover: hover){
  .hover\:border-cyan-50:hover{
      border-color: var(--color-cyan-50);
  }
}
@media (hover: hover){
  .hover\:border-cyan-100:hover{
      border-color: var(--color-cyan-100);
  }
}
@media (hover: hover){
  .hover\:border-cyan-200:hover{
      border-color: var(--color-cyan-200);
  }
}
@media (hover: hover){
  .hover\:border-cyan-300:hover{
      border-color: var(--color-cyan-300);
  }
}
@media (hover: hover){
  .hover\:border-cyan-400:hover{
      border-color: var(--color-cyan-400);
  }
}
@media (hover: hover){
  .hover\:border-cyan-500:hover{
      border-color: var(--color-cyan-500);
  }
}
@media (hover: hover){
  .hover\:border-cyan-600:hover{
      border-color: var(--color-cyan-600);
  }
}
@media (hover: hover){
  .hover\:border-cyan-700:hover{
      border-color: var(--color-cyan-700);
  }
}
@media (hover: hover){
  .hover\:border-cyan-800:hover{
      border-color: var(--color-cyan-800);
  }
}
@media (hover: hover){
  .hover\:border-cyan-900:hover{
      border-color: var(--color-cyan-900);
  }
}
@media (hover: hover){
  .hover\:border-cyan-950:hover{
      border-color: var(--color-cyan-950);
  }
}
@media (hover: hover){
  .hover\:border-emerald-50:hover{
      border-color: var(--color-emerald-50);
  }
}
@media (hover: hover){
  .hover\:border-emerald-100:hover{
      border-color: var(--color-emerald-100);
  }
}
@media (hover: hover){
  .hover\:border-emerald-200:hover{
      border-color: var(--color-emerald-200);
  }
}
@media (hover: hover){
  .hover\:border-emerald-300:hover{
      border-color: var(--color-emerald-300);
  }
}
@media (hover: hover){
  .hover\:border-emerald-400:hover{
      border-color: var(--color-emerald-400);
  }
}
@media (hover: hover){
  .hover\:border-emerald-500:hover{
      border-color: var(--color-emerald-500);
  }
}
@media (hover: hover){
  .hover\:border-emerald-600:hover{
      border-color: var(--color-emerald-600);
  }
}
@media (hover: hover){
  .hover\:border-emerald-700:hover{
      border-color: var(--color-emerald-700);
  }
}
@media (hover: hover){
  .hover\:border-emerald-800:hover{
      border-color: var(--color-emerald-800);
  }
}
@media (hover: hover){
  .hover\:border-emerald-900:hover{
      border-color: var(--color-emerald-900);
  }
}
@media (hover: hover){
  .hover\:border-emerald-950:hover{
      border-color: var(--color-emerald-950);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-50:hover{
      border-color: var(--color-fuchsia-50);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-100:hover{
      border-color: var(--color-fuchsia-100);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-200:hover{
      border-color: var(--color-fuchsia-200);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-300:hover{
      border-color: var(--color-fuchsia-300);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-400:hover{
      border-color: var(--color-fuchsia-400);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-500:hover{
      border-color: var(--color-fuchsia-500);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-600:hover{
      border-color: var(--color-fuchsia-600);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-700:hover{
      border-color: var(--color-fuchsia-700);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-800:hover{
      border-color: var(--color-fuchsia-800);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-900:hover{
      border-color: var(--color-fuchsia-900);
  }
}
@media (hover: hover){
  .hover\:border-fuchsia-950:hover{
      border-color: var(--color-fuchsia-950);
  }
}
@media (hover: hover){
  .hover\:border-gray-50:hover{
      border-color: var(--color-gray-50);
  }
}
@media (hover: hover){
  .hover\:border-gray-100:hover{
      border-color: var(--color-gray-100);
  }
}
@media (hover: hover){
  .hover\:border-gray-200:hover{
      border-color: var(--color-gray-200);
  }
}
@media (hover: hover){
  .hover\:border-gray-300:hover{
      border-color: var(--color-gray-300);
  }
}
@media (hover: hover){
  .hover\:border-gray-400:hover{
      border-color: var(--color-gray-400);
  }
}
@media (hover: hover){
  .hover\:border-gray-500:hover{
      border-color: var(--color-gray-500);
  }
}
@media (hover: hover){
  .hover\:border-gray-600:hover{
      border-color: var(--color-gray-600);
  }
}
@media (hover: hover){
  .hover\:border-gray-700:hover{
      border-color: var(--color-gray-700);
  }
}
@media (hover: hover){
  .hover\:border-gray-800:hover{
      border-color: var(--color-gray-800);
  }
}
@media (hover: hover){
  .hover\:border-gray-900:hover{
      border-color: var(--color-gray-900);
  }
}
@media (hover: hover){
  .hover\:border-gray-950:hover{
      border-color: var(--color-gray-950);
  }
}
@media (hover: hover){
  .hover\:border-green-50:hover{
      border-color: var(--color-green-50);
  }
}
@media (hover: hover){
  .hover\:border-green-100:hover{
      border-color: var(--color-green-100);
  }
}
@media (hover: hover){
  .hover\:border-green-200:hover{
      border-color: var(--color-green-200);
  }
}
@media (hover: hover){
  .hover\:border-green-300:hover{
      border-color: var(--color-green-300);
  }
}
@media (hover: hover){
  .hover\:border-green-400:hover{
      border-color: var(--color-green-400);
  }
}
@media (hover: hover){
  .hover\:border-green-500:hover{
      border-color: var(--color-green-500);
  }
}
@media (hover: hover){
  .hover\:border-green-600:hover{
      border-color: var(--color-green-600);
  }
}
@media (hover: hover){
  .hover\:border-green-700:hover{
      border-color: var(--color-green-700);
  }
}
@media (hover: hover){
  .hover\:border-green-800:hover{
      border-color: var(--color-green-800);
  }
}
@media (hover: hover){
  .hover\:border-green-900:hover{
      border-color: var(--color-green-900);
  }
}
@media (hover: hover){
  .hover\:border-green-950:hover{
      border-color: var(--color-green-950);
  }
}
@media (hover: hover){
  .hover\:border-indigo-50:hover{
      border-color: var(--color-indigo-50);
  }
}
@media (hover: hover){
  .hover\:border-indigo-100:hover{
      border-color: var(--color-indigo-100);
  }
}
@media (hover: hover){
  .hover\:border-indigo-200:hover{
      border-color: var(--color-indigo-200);
  }
}
@media (hover: hover){
  .hover\:border-indigo-300:hover{
      border-color: var(--color-indigo-300);
  }
}
@media (hover: hover){
  .hover\:border-indigo-400:hover{
      border-color: var(--color-indigo-400);
  }
}
@media (hover: hover){
  .hover\:border-indigo-500:hover{
      border-color: var(--color-indigo-500);
  }
}
@media (hover: hover){
  .hover\:border-indigo-600:hover{
      border-color: var(--color-indigo-600);
  }
}
@media (hover: hover){
  .hover\:border-indigo-700:hover{
      border-color: var(--color-indigo-700);
  }
}
@media (hover: hover){
  .hover\:border-indigo-800:hover{
      border-color: var(--color-indigo-800);
  }
}
@media (hover: hover){
  .hover\:border-indigo-900:hover{
      border-color: var(--color-indigo-900);
  }
}
@media (hover: hover){
  .hover\:border-indigo-950:hover{
      border-color: var(--color-indigo-950);
  }
}
@media (hover: hover){
  .hover\:border-lime-50:hover{
      border-color: var(--color-lime-50);
  }
}
@media (hover: hover){
  .hover\:border-lime-100:hover{
      border-color: var(--color-lime-100);
  }
}
@media (hover: hover){
  .hover\:border-lime-200:hover{
      border-color: var(--color-lime-200);
  }
}
@media (hover: hover){
  .hover\:border-lime-300:hover{
      border-color: var(--color-lime-300);
  }
}
@media (hover: hover){
  .hover\:border-lime-400:hover{
      border-color: var(--color-lime-400);
  }
}
@media (hover: hover){
  .hover\:border-lime-500:hover{
      border-color: var(--color-lime-500);
  }
}
@media (hover: hover){
  .hover\:border-lime-600:hover{
      border-color: var(--color-lime-600);
  }
}
@media (hover: hover){
  .hover\:border-lime-700:hover{
      border-color: var(--color-lime-700);
  }
}
@media (hover: hover){
  .hover\:border-lime-800:hover{
      border-color: var(--color-lime-800);
  }
}
@media (hover: hover){
  .hover\:border-lime-900:hover{
      border-color: var(--color-lime-900);
  }
}
@media (hover: hover){
  .hover\:border-lime-950:hover{
      border-color: var(--color-lime-950);
  }
}
@media (hover: hover){
  .hover\:border-orange-50:hover{
      border-color: var(--color-orange-50);
  }
}
@media (hover: hover){
  .hover\:border-orange-100:hover{
      border-color: var(--color-orange-100);
  }
}
@media (hover: hover){
  .hover\:border-orange-200:hover{
      border-color: var(--color-orange-200);
  }
}
@media (hover: hover){
  .hover\:border-orange-300:hover{
      border-color: var(--color-orange-300);
  }
}
@media (hover: hover){
  .hover\:border-orange-400:hover{
      border-color: var(--color-orange-400);
  }
}
@media (hover: hover){
  .hover\:border-orange-500:hover{
      border-color: var(--color-orange-500);
  }
}
@media (hover: hover){
  .hover\:border-orange-600:hover{
      border-color: var(--color-orange-600);
  }
}
@media (hover: hover){
  .hover\:border-orange-700:hover{
      border-color: var(--color-orange-700);
  }
}
@media (hover: hover){
  .hover\:border-orange-800:hover{
      border-color: var(--color-orange-800);
  }
}
@media (hover: hover){
  .hover\:border-orange-900:hover{
      border-color: var(--color-orange-900);
  }
}
@media (hover: hover){
  .hover\:border-orange-950:hover{
      border-color: var(--color-orange-950);
  }
}
@media (hover: hover){
  .hover\:border-pink-50:hover{
      border-color: var(--color-pink-50);
  }
}
@media (hover: hover){
  .hover\:border-pink-100:hover{
      border-color: var(--color-pink-100);
  }
}
@media (hover: hover){
  .hover\:border-pink-200:hover{
      border-color: var(--color-pink-200);
  }
}
@media (hover: hover){
  .hover\:border-pink-300:hover{
      border-color: var(--color-pink-300);
  }
}
@media (hover: hover){
  .hover\:border-pink-400:hover{
      border-color: var(--color-pink-400);
  }
}
@media (hover: hover){
  .hover\:border-pink-500:hover{
      border-color: var(--color-pink-500);
  }
}
@media (hover: hover){
  .hover\:border-pink-600:hover{
      border-color: var(--color-pink-600);
  }
}
@media (hover: hover){
  .hover\:border-pink-700:hover{
      border-color: var(--color-pink-700);
  }
}
@media (hover: hover){
  .hover\:border-pink-800:hover{
      border-color: var(--color-pink-800);
  }
}
@media (hover: hover){
  .hover\:border-pink-900:hover{
      border-color: var(--color-pink-900);
  }
}
@media (hover: hover){
  .hover\:border-pink-950:hover{
      border-color: var(--color-pink-950);
  }
}
@media (hover: hover){
  .hover\:border-purple-50:hover{
      border-color: var(--color-purple-50);
  }
}
@media (hover: hover){
  .hover\:border-purple-100:hover{
      border-color: var(--color-purple-100);
  }
}
@media (hover: hover){
  .hover\:border-purple-200:hover{
      border-color: var(--color-purple-200);
  }
}
@media (hover: hover){
  .hover\:border-purple-300:hover{
      border-color: var(--color-purple-300);
  }
}
@media (hover: hover){
  .hover\:border-purple-400:hover{
      border-color: var(--color-purple-400);
  }
}
@media (hover: hover){
  .hover\:border-purple-500:hover{
      border-color: var(--color-purple-500);
  }
}
@media (hover: hover){
  .hover\:border-purple-600:hover{
      border-color: var(--color-purple-600);
  }
}
@media (hover: hover){
  .hover\:border-purple-700:hover{
      border-color: var(--color-purple-700);
  }
}
@media (hover: hover){
  .hover\:border-purple-800:hover{
      border-color: var(--color-purple-800);
  }
}
@media (hover: hover){
  .hover\:border-purple-900:hover{
      border-color: var(--color-purple-900);
  }
}
@media (hover: hover){
  .hover\:border-purple-950:hover{
      border-color: var(--color-purple-950);
  }
}
@media (hover: hover){
  .hover\:border-red-50:hover{
      border-color: var(--color-red-50);
  }
}
@media (hover: hover){
  .hover\:border-red-100:hover{
      border-color: var(--color-red-100);
  }
}
@media (hover: hover){
  .hover\:border-red-200:hover{
      border-color: var(--color-red-200);
  }
}
@media (hover: hover){
  .hover\:border-red-300:hover{
      border-color: var(--color-red-300);
  }
}
@media (hover: hover){
  .hover\:border-red-400:hover{
      border-color: var(--color-red-400);
  }
}
@media (hover: hover){
  .hover\:border-red-500:hover{
      border-color: var(--color-red-500);
  }
}
@media (hover: hover){
  .hover\:border-red-600:hover{
      border-color: var(--color-red-600);
  }
}
@media (hover: hover){
  .hover\:border-red-700:hover{
      border-color: var(--color-red-700);
  }
}
@media (hover: hover){
  .hover\:border-red-800:hover{
      border-color: var(--color-red-800);
  }
}
@media (hover: hover){
  .hover\:border-red-900:hover{
      border-color: var(--color-red-900);
  }
}
@media (hover: hover){
  .hover\:border-red-950:hover{
      border-color: var(--color-red-950);
  }
}
@media (hover: hover){
  .hover\:border-rose-50:hover{
      border-color: var(--color-rose-50);
  }
}
@media (hover: hover){
  .hover\:border-rose-100:hover{
      border-color: var(--color-rose-100);
  }
}
@media (hover: hover){
  .hover\:border-rose-200:hover{
      border-color: var(--color-rose-200);
  }
}
@media (hover: hover){
  .hover\:border-rose-300:hover{
      border-color: var(--color-rose-300);
  }
}
@media (hover: hover){
  .hover\:border-rose-400:hover{
      border-color: var(--color-rose-400);
  }
}
@media (hover: hover){
  .hover\:border-rose-500:hover{
      border-color: var(--color-rose-500);
  }
}
@media (hover: hover){
  .hover\:border-rose-600:hover{
      border-color: var(--color-rose-600);
  }
}
@media (hover: hover){
  .hover\:border-rose-700:hover{
      border-color: var(--color-rose-700);
  }
}
@media (hover: hover){
  .hover\:border-rose-800:hover{
      border-color: var(--color-rose-800);
  }
}
@media (hover: hover){
  .hover\:border-rose-900:hover{
      border-color: var(--color-rose-900);
  }
}
@media (hover: hover){
  .hover\:border-rose-950:hover{
      border-color: var(--color-rose-950);
  }
}
@media (hover: hover){
  .hover\:border-sky-50:hover{
      border-color: var(--color-sky-50);
  }
}
@media (hover: hover){
  .hover\:border-sky-100:hover{
      border-color: var(--color-sky-100);
  }
}
@media (hover: hover){
  .hover\:border-sky-200:hover{
      border-color: var(--color-sky-200);
  }
}
@media (hover: hover){
  .hover\:border-sky-300:hover{
      border-color: var(--color-sky-300);
  }
}
@media (hover: hover){
  .hover\:border-sky-400:hover{
      border-color: var(--color-sky-400);
  }
}
@media (hover: hover){
  .hover\:border-sky-500:hover{
      border-color: var(--color-sky-500);
  }
}
@media (hover: hover){
  .hover\:border-sky-600:hover{
      border-color: var(--color-sky-600);
  }
}
@media (hover: hover){
  .hover\:border-sky-700:hover{
      border-color: var(--color-sky-700);
  }
}
@media (hover: hover){
  .hover\:border-sky-800:hover{
      border-color: var(--color-sky-800);
  }
}
@media (hover: hover){
  .hover\:border-sky-900:hover{
      border-color: var(--color-sky-900);
  }
}
@media (hover: hover){
  .hover\:border-sky-950:hover{
      border-color: var(--color-sky-950);
  }
}
@media (hover: hover){
  .hover\:border-slate-50:hover{
      border-color: var(--color-slate-50);
  }
}
@media (hover: hover){
  .hover\:border-slate-100:hover{
      border-color: var(--color-slate-100);
  }
}
@media (hover: hover){
  .hover\:border-slate-200:hover{
      border-color: var(--color-slate-200);
  }
}
@media (hover: hover){
  .hover\:border-slate-300:hover{
      border-color: var(--color-slate-300);
  }
}
@media (hover: hover){
  .hover\:border-slate-400:hover{
      border-color: var(--color-slate-400);
  }
}
@media (hover: hover){
  .hover\:border-slate-500:hover{
      border-color: var(--color-slate-500);
  }
}
@media (hover: hover){
  .hover\:border-slate-600:hover{
      border-color: var(--color-slate-600);
  }
}
@media (hover: hover){
  .hover\:border-slate-700:hover{
      border-color: var(--color-slate-700);
  }
}
@media (hover: hover){
  .hover\:border-slate-800:hover{
      border-color: var(--color-slate-800);
  }
}
@media (hover: hover){
  .hover\:border-slate-900:hover{
      border-color: var(--color-slate-900);
  }
}
@media (hover: hover){
  .hover\:border-slate-950:hover{
      border-color: var(--color-slate-950);
  }
}
@media (hover: hover){
  .hover\:border-teal-50:hover{
      border-color: var(--color-teal-50);
  }
}
@media (hover: hover){
  .hover\:border-teal-100:hover{
      border-color: var(--color-teal-100);
  }
}
@media (hover: hover){
  .hover\:border-teal-200:hover{
      border-color: var(--color-teal-200);
  }
}
@media (hover: hover){
  .hover\:border-teal-300:hover{
      border-color: var(--color-teal-300);
  }
}
@media (hover: hover){
  .hover\:border-teal-400:hover{
      border-color: var(--color-teal-400);
  }
}
@media (hover: hover){
  .hover\:border-teal-500:hover{
      border-color: var(--color-teal-500);
  }
}
@media (hover: hover){
  .hover\:border-teal-600:hover{
      border-color: var(--color-teal-600);
  }
}
@media (hover: hover){
  .hover\:border-teal-700:hover{
      border-color: var(--color-teal-700);
  }
}
@media (hover: hover){
  .hover\:border-teal-800:hover{
      border-color: var(--color-teal-800);
  }
}
@media (hover: hover){
  .hover\:border-teal-900:hover{
      border-color: var(--color-teal-900);
  }
}
@media (hover: hover){
  .hover\:border-teal-950:hover{
      border-color: var(--color-teal-950);
  }
}
@media (hover: hover){
  .hover\:border-violet-50:hover{
      border-color: var(--color-violet-50);
  }
}
@media (hover: hover){
  .hover\:border-violet-100:hover{
      border-color: var(--color-violet-100);
  }
}
@media (hover: hover){
  .hover\:border-violet-200:hover{
      border-color: var(--color-violet-200);
  }
}
@media (hover: hover){
  .hover\:border-violet-300:hover{
      border-color: var(--color-violet-300);
  }
}
@media (hover: hover){
  .hover\:border-violet-400:hover{
      border-color: var(--color-violet-400);
  }
}
@media (hover: hover){
  .hover\:border-violet-500:hover{
      border-color: var(--color-violet-500);
  }
}
@media (hover: hover){
  .hover\:border-violet-600:hover{
      border-color: var(--color-violet-600);
  }
}
@media (hover: hover){
  .hover\:border-violet-700:hover{
      border-color: var(--color-violet-700);
  }
}
@media (hover: hover){
  .hover\:border-violet-800:hover{
      border-color: var(--color-violet-800);
  }
}
@media (hover: hover){
  .hover\:border-violet-900:hover{
      border-color: var(--color-violet-900);
  }
}
@media (hover: hover){
  .hover\:border-violet-950:hover{
      border-color: var(--color-violet-950);
  }
}
@media (hover: hover){
  .hover\:border-yellow-50:hover{
      border-color: var(--color-yellow-50);
  }
}
@media (hover: hover){
  .hover\:border-yellow-100:hover{
      border-color: var(--color-yellow-100);
  }
}
@media (hover: hover){
  .hover\:border-yellow-200:hover{
      border-color: var(--color-yellow-200);
  }
}
@media (hover: hover){
  .hover\:border-yellow-300:hover{
      border-color: var(--color-yellow-300);
  }
}
@media (hover: hover){
  .hover\:border-yellow-400:hover{
      border-color: var(--color-yellow-400);
  }
}
@media (hover: hover){
  .hover\:border-yellow-500:hover{
      border-color: var(--color-yellow-500);
  }
}
@media (hover: hover){
  .hover\:border-yellow-600:hover{
      border-color: var(--color-yellow-600);
  }
}
@media (hover: hover){
  .hover\:border-yellow-700:hover{
      border-color: var(--color-yellow-700);
  }
}
@media (hover: hover){
  .hover\:border-yellow-800:hover{
      border-color: var(--color-yellow-800);
  }
}
@media (hover: hover){
  .hover\:border-yellow-900:hover{
      border-color: var(--color-yellow-900);
  }
}
@media (hover: hover){
  .hover\:border-yellow-950:hover{
      border-color: var(--color-yellow-950);
  }
}
@media (hover: hover){
  .hover\:border-zinc-50:hover{
      border-color: var(--color-zinc-50);
  }
}
@media (hover: hover){
  .hover\:border-zinc-100:hover{
      border-color: var(--color-zinc-100);
  }
}
@media (hover: hover){
  .hover\:border-zinc-200:hover{
      border-color: var(--color-zinc-200);
  }
}
@media (hover: hover){
  .hover\:border-zinc-300:hover{
      border-color: var(--color-zinc-300);
  }
}
@media (hover: hover){
  .hover\:border-zinc-400:hover{
      border-color: var(--color-zinc-400);
  }
}
@media (hover: hover){
  .hover\:border-zinc-500:hover{
      border-color: var(--color-zinc-500);
  }
}
@media (hover: hover){
  .hover\:border-zinc-600:hover{
      border-color: var(--color-zinc-600);
  }
}
@media (hover: hover){
  .hover\:border-zinc-700:hover{
      border-color: var(--color-zinc-700);
  }
}
@media (hover: hover){
  .hover\:border-zinc-800:hover{
      border-color: var(--color-zinc-800);
  }
}
@media (hover: hover){
  .hover\:border-zinc-900:hover{
      border-color: var(--color-zinc-900);
  }
}
@media (hover: hover){
  .hover\:border-zinc-950:hover{
      border-color: var(--color-zinc-950);
  }
}
@media (hover: hover){
  .hover\:bg-amber-50:hover{
      background-color: var(--color-amber-50);
  }
}
@media (hover: hover){
  .hover\:bg-amber-100:hover{
      background-color: var(--color-amber-100);
  }
}
@media (hover: hover){
  .hover\:bg-amber-200:hover{
      background-color: var(--color-amber-200);
  }
}
@media (hover: hover){
  .hover\:bg-amber-300:hover{
      background-color: var(--color-amber-300);
  }
}
@media (hover: hover){
  .hover\:bg-amber-400:hover{
      background-color: var(--color-amber-400);
  }
}
@media (hover: hover){
  .hover\:bg-amber-500:hover{
      background-color: var(--color-amber-500);
  }
}
@media (hover: hover){
  .hover\:bg-amber-600:hover{
      background-color: var(--color-amber-600);
  }
}
@media (hover: hover){
  .hover\:bg-amber-700:hover{
      background-color: var(--color-amber-700);
  }
}
@media (hover: hover){
  .hover\:bg-amber-800:hover{
      background-color: var(--color-amber-800);
  }
}
@media (hover: hover){
  .hover\:bg-amber-900:hover{
      background-color: var(--color-amber-900);
  }
}
@media (hover: hover){
  .hover\:bg-amber-950:hover{
      background-color: var(--color-amber-950);
  }
}
@media (hover: hover){
  .hover\:bg-blue-50:hover{
      background-color: var(--color-blue-50);
  }
}
@media (hover: hover){
  .hover\:bg-blue-100:hover{
      background-color: var(--color-blue-100);
  }
}
@media (hover: hover){
  .hover\:bg-blue-200:hover{
      background-color: var(--color-blue-200);
  }
}
@media (hover: hover){
  .hover\:bg-blue-300:hover{
      background-color: var(--color-blue-300);
  }
}
@media (hover: hover){
  .hover\:bg-blue-400:hover{
      background-color: var(--color-blue-400);
  }
}
@media (hover: hover){
  .hover\:bg-blue-500:hover{
      background-color: var(--color-blue-500);
  }
}
@media (hover: hover){
  .hover\:bg-blue-600:hover{
      background-color: var(--color-blue-600);
  }
}
@media (hover: hover){
  .hover\:bg-blue-700:hover{
      background-color: var(--color-blue-700);
  }
}
@media (hover: hover){
  .hover\:bg-blue-800:hover{
      background-color: var(--color-blue-800);
  }
}
@media (hover: hover){
  .hover\:bg-blue-900:hover{
      background-color: var(--color-blue-900);
  }
}
@media (hover: hover){
  .hover\:bg-blue-950:hover{
      background-color: var(--color-blue-950);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-50:hover{
      background-color: var(--color-cyan-50);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-100:hover{
      background-color: var(--color-cyan-100);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-200:hover{
      background-color: var(--color-cyan-200);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-300:hover{
      background-color: var(--color-cyan-300);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-400:hover{
      background-color: var(--color-cyan-400);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-500:hover{
      background-color: var(--color-cyan-500);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-600:hover{
      background-color: var(--color-cyan-600);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-700:hover{
      background-color: var(--color-cyan-700);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-800:hover{
      background-color: var(--color-cyan-800);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-900:hover{
      background-color: var(--color-cyan-900);
  }
}
@media (hover: hover){
  .hover\:bg-cyan-950:hover{
      background-color: var(--color-cyan-950);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-50:hover{
      background-color: var(--color-emerald-50);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-100:hover{
      background-color: var(--color-emerald-100);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-200:hover{
      background-color: var(--color-emerald-200);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-300:hover{
      background-color: var(--color-emerald-300);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-400:hover{
      background-color: var(--color-emerald-400);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-500:hover{
      background-color: var(--color-emerald-500);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-600:hover{
      background-color: var(--color-emerald-600);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-700:hover{
      background-color: var(--color-emerald-700);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-800:hover{
      background-color: var(--color-emerald-800);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-900:hover{
      background-color: var(--color-emerald-900);
  }
}
@media (hover: hover){
  .hover\:bg-emerald-950:hover{
      background-color: var(--color-emerald-950);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-50:hover{
      background-color: var(--color-fuchsia-50);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-100:hover{
      background-color: var(--color-fuchsia-100);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-200:hover{
      background-color: var(--color-fuchsia-200);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-300:hover{
      background-color: var(--color-fuchsia-300);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-400:hover{
      background-color: var(--color-fuchsia-400);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-500:hover{
      background-color: var(--color-fuchsia-500);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-600:hover{
      background-color: var(--color-fuchsia-600);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-700:hover{
      background-color: var(--color-fuchsia-700);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-800:hover{
      background-color: var(--color-fuchsia-800);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-900:hover{
      background-color: var(--color-fuchsia-900);
  }
}
@media (hover: hover){
  .hover\:bg-fuchsia-950:hover{
      background-color: var(--color-fuchsia-950);
  }
}
@media (hover: hover){
  .hover\:bg-gray-50:hover{
      background-color: var(--color-gray-50);
  }
}
@media (hover: hover){
  .hover\:bg-gray-100:hover{
      background-color: var(--color-gray-100);
  }
}
@media (hover: hover){
  .hover\:bg-gray-200:hover{
      background-color: var(--color-gray-200);
  }
}
@media (hover: hover){
  .hover\:bg-gray-300:hover{
      background-color: var(--color-gray-300);
  }
}
@media (hover: hover){
  .hover\:bg-gray-400:hover{
      background-color: var(--color-gray-400);
  }
}
@media (hover: hover){
  .hover\:bg-gray-500:hover{
      background-color: var(--color-gray-500);
  }
}
@media (hover: hover){
  .hover\:bg-gray-600:hover{
      background-color: var(--color-gray-600);
  }
}
@media (hover: hover){
  .hover\:bg-gray-700:hover{
      background-color: var(--color-gray-700);
  }
}
@media (hover: hover){
  .hover\:bg-gray-800:hover{
      background-color: var(--color-gray-800);
  }
}
@media (hover: hover){
  .hover\:bg-gray-900:hover{
      background-color: var(--color-gray-900);
  }
}
@media (hover: hover){
  .hover\:bg-gray-950:hover{
      background-color: var(--color-gray-950);
  }
}
@media (hover: hover){
  .hover\:bg-green-50:hover{
      background-color: var(--color-green-50);
  }
}
@media (hover: hover){
  .hover\:bg-green-100:hover{
      background-color: var(--color-green-100);
  }
}
@media (hover: hover){
  .hover\:bg-green-200:hover{
      background-color: var(--color-green-200);
  }
}
@media (hover: hover){
  .hover\:bg-green-300:hover{
      background-color: var(--color-green-300);
  }
}
@media (hover: hover){
  .hover\:bg-green-400:hover{
      background-color: var(--color-green-400);
  }
}
@media (hover: hover){
  .hover\:bg-green-500:hover{
      background-color: var(--color-green-500);
  }
}
@media (hover: hover){
  .hover\:bg-green-600:hover{
      background-color: var(--color-green-600);
  }
}
@media (hover: hover){
  .hover\:bg-green-700:hover{
      background-color: var(--color-green-700);
  }
}
@media (hover: hover){
  .hover\:bg-green-800:hover{
      background-color: var(--color-green-800);
  }
}
@media (hover: hover){
  .hover\:bg-green-900:hover{
      background-color: var(--color-green-900);
  }
}
@media (hover: hover){
  .hover\:bg-green-950:hover{
      background-color: var(--color-green-950);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-50:hover{
      background-color: var(--color-indigo-50);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-100:hover{
      background-color: var(--color-indigo-100);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-200:hover{
      background-color: var(--color-indigo-200);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-300:hover{
      background-color: var(--color-indigo-300);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-400:hover{
      background-color: var(--color-indigo-400);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-500:hover{
      background-color: var(--color-indigo-500);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-600:hover{
      background-color: var(--color-indigo-600);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-700:hover{
      background-color: var(--color-indigo-700);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-800:hover{
      background-color: var(--color-indigo-800);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-900:hover{
      background-color: var(--color-indigo-900);
  }
}
@media (hover: hover){
  .hover\:bg-indigo-950:hover{
      background-color: var(--color-indigo-950);
  }
}
@media (hover: hover){
  .hover\:bg-lime-50:hover{
      background-color: var(--color-lime-50);
  }
}
@media (hover: hover){
  .hover\:bg-lime-100:hover{
      background-color: var(--color-lime-100);
  }
}
@media (hover: hover){
  .hover\:bg-lime-200:hover{
      background-color: var(--color-lime-200);
  }
}
@media (hover: hover){
  .hover\:bg-lime-300:hover{
      background-color: var(--color-lime-300);
  }
}
@media (hover: hover){
  .hover\:bg-lime-400:hover{
      background-color: var(--color-lime-400);
  }
}
@media (hover: hover){
  .hover\:bg-lime-500:hover{
      background-color: var(--color-lime-500);
  }
}
@media (hover: hover){
  .hover\:bg-lime-600:hover{
      background-color: var(--color-lime-600);
  }
}
@media (hover: hover){
  .hover\:bg-lime-700:hover{
      background-color: var(--color-lime-700);
  }
}
@media (hover: hover){
  .hover\:bg-lime-800:hover{
      background-color: var(--color-lime-800);
  }
}
@media (hover: hover){
  .hover\:bg-lime-900:hover{
      background-color: var(--color-lime-900);
  }
}
@media (hover: hover){
  .hover\:bg-lime-950:hover{
      background-color: var(--color-lime-950);
  }
}
@media (hover: hover){
  .hover\:bg-orange-50:hover{
      background-color: var(--color-orange-50);
  }
}
@media (hover: hover){
  .hover\:bg-orange-100:hover{
      background-color: var(--color-orange-100);
  }
}
@media (hover: hover){
  .hover\:bg-orange-200:hover{
      background-color: var(--color-orange-200);
  }
}
@media (hover: hover){
  .hover\:bg-orange-300:hover{
      background-color: var(--color-orange-300);
  }
}
@media (hover: hover){
  .hover\:bg-orange-400:hover{
      background-color: var(--color-orange-400);
  }
}
@media (hover: hover){
  .hover\:bg-orange-500:hover{
      background-color: var(--color-orange-500);
  }
}
@media (hover: hover){
  .hover\:bg-orange-600:hover{
      background-color: var(--color-orange-600);
  }
}
@media (hover: hover){
  .hover\:bg-orange-700:hover{
      background-color: var(--color-orange-700);
  }
}
@media (hover: hover){
  .hover\:bg-orange-800:hover{
      background-color: var(--color-orange-800);
  }
}
@media (hover: hover){
  .hover\:bg-orange-900:hover{
      background-color: var(--color-orange-900);
  }
}
@media (hover: hover){
  .hover\:bg-orange-950:hover{
      background-color: var(--color-orange-950);
  }
}
@media (hover: hover){
  .hover\:bg-pink-50:hover{
      background-color: var(--color-pink-50);
  }
}
@media (hover: hover){
  .hover\:bg-pink-100:hover{
      background-color: var(--color-pink-100);
  }
}
@media (hover: hover){
  .hover\:bg-pink-200:hover{
      background-color: var(--color-pink-200);
  }
}
@media (hover: hover){
  .hover\:bg-pink-300:hover{
      background-color: var(--color-pink-300);
  }
}
@media (hover: hover){
  .hover\:bg-pink-400:hover{
      background-color: var(--color-pink-400);
  }
}
@media (hover: hover){
  .hover\:bg-pink-500:hover{
      background-color: var(--color-pink-500);
  }
}
@media (hover: hover){
  .hover\:bg-pink-600:hover{
      background-color: var(--color-pink-600);
  }
}
@media (hover: hover){
  .hover\:bg-pink-700:hover{
      background-color: var(--color-pink-700);
  }
}
@media (hover: hover){
  .hover\:bg-pink-800:hover{
      background-color: var(--color-pink-800);
  }
}
@media (hover: hover){
  .hover\:bg-pink-900:hover{
      background-color: var(--color-pink-900);
  }
}
@media (hover: hover){
  .hover\:bg-pink-950:hover{
      background-color: var(--color-pink-950);
  }
}
@media (hover: hover){
  .hover\:bg-purple-50:hover{
      background-color: var(--color-purple-50);
  }
}
@media (hover: hover){
  .hover\:bg-purple-100:hover{
      background-color: var(--color-purple-100);
  }
}
@media (hover: hover){
  .hover\:bg-purple-200:hover{
      background-color: var(--color-purple-200);
  }
}
@media (hover: hover){
  .hover\:bg-purple-300:hover{
      background-color: var(--color-purple-300);
  }
}
@media (hover: hover){
  .hover\:bg-purple-400:hover{
      background-color: var(--color-purple-400);
  }
}
@media (hover: hover){
  .hover\:bg-purple-500:hover{
      background-color: var(--color-purple-500);
  }
}
@media (hover: hover){
  .hover\:bg-purple-600:hover{
      background-color: var(--color-purple-600);
  }
}
@media (hover: hover){
  .hover\:bg-purple-700:hover{
      background-color: var(--color-purple-700);
  }
}
@media (hover: hover){
  .hover\:bg-purple-800:hover{
      background-color: var(--color-purple-800);
  }
}
@media (hover: hover){
  .hover\:bg-purple-900:hover{
      background-color: var(--color-purple-900);
  }
}
@media (hover: hover){
  .hover\:bg-purple-950:hover{
      background-color: var(--color-purple-950);
  }
}
@media (hover: hover){
  .hover\:bg-red-50:hover{
      background-color: var(--color-red-50);
  }
}
@media (hover: hover){
  .hover\:bg-red-100:hover{
      background-color: var(--color-red-100);
  }
}
@media (hover: hover){
  .hover\:bg-red-200:hover{
      background-color: var(--color-red-200);
  }
}
@media (hover: hover){
  .hover\:bg-red-300:hover{
      background-color: var(--color-red-300);
  }
}
@media (hover: hover){
  .hover\:bg-red-400:hover{
      background-color: var(--color-red-400);
  }
}
@media (hover: hover){
  .hover\:bg-red-500:hover{
      background-color: var(--color-red-500);
  }
}
@media (hover: hover){
  .hover\:bg-red-600:hover{
      background-color: var(--color-red-600);
  }
}
@media (hover: hover){
  .hover\:bg-red-700:hover{
      background-color: var(--color-red-700);
  }
}
@media (hover: hover){
  .hover\:bg-red-800:hover{
      background-color: var(--color-red-800);
  }
}
@media (hover: hover){
  .hover\:bg-red-900:hover{
      background-color: var(--color-red-900);
  }
}
@media (hover: hover){
  .hover\:bg-red-950:hover{
      background-color: var(--color-red-950);
  }
}
@media (hover: hover){
  .hover\:bg-rose-50:hover{
      background-color: var(--color-rose-50);
  }
}
@media (hover: hover){
  .hover\:bg-rose-100:hover{
      background-color: var(--color-rose-100);
  }
}
@media (hover: hover){
  .hover\:bg-rose-200:hover{
      background-color: var(--color-rose-200);
  }
}
@media (hover: hover){
  .hover\:bg-rose-300:hover{
      background-color: var(--color-rose-300);
  }
}
@media (hover: hover){
  .hover\:bg-rose-400:hover{
      background-color: var(--color-rose-400);
  }
}
@media (hover: hover){
  .hover\:bg-rose-500:hover{
      background-color: var(--color-rose-500);
  }
}
@media (hover: hover){
  .hover\:bg-rose-600:hover{
      background-color: var(--color-rose-600);
  }
}
@media (hover: hover){
  .hover\:bg-rose-700:hover{
      background-color: var(--color-rose-700);
  }
}
@media (hover: hover){
  .hover\:bg-rose-800:hover{
      background-color: var(--color-rose-800);
  }
}
@media (hover: hover){
  .hover\:bg-rose-900:hover{
      background-color: var(--color-rose-900);
  }
}
@media (hover: hover){
  .hover\:bg-rose-950:hover{
      background-color: var(--color-rose-950);
  }
}
@media (hover: hover){
  .hover\:bg-sky-50:hover{
      background-color: var(--color-sky-50);
  }
}
@media (hover: hover){
  .hover\:bg-sky-100:hover{
      background-color: var(--color-sky-100);
  }
}
@media (hover: hover){
  .hover\:bg-sky-200:hover{
      background-color: var(--color-sky-200);
  }
}
@media (hover: hover){
  .hover\:bg-sky-300:hover{
      background-color: var(--color-sky-300);
  }
}
@media (hover: hover){
  .hover\:bg-sky-400:hover{
      background-color: var(--color-sky-400);
  }
}
@media (hover: hover){
  .hover\:bg-sky-500:hover{
      background-color: var(--color-sky-500);
  }
}
@media (hover: hover){
  .hover\:bg-sky-600:hover{
      background-color: var(--color-sky-600);
  }
}
@media (hover: hover){
  .hover\:bg-sky-700:hover{
      background-color: var(--color-sky-700);
  }
}
@media (hover: hover){
  .hover\:bg-sky-800:hover{
      background-color: var(--color-sky-800);
  }
}
@media (hover: hover){
  .hover\:bg-sky-900:hover{
      background-color: var(--color-sky-900);
  }
}
@media (hover: hover){
  .hover\:bg-sky-950:hover{
      background-color: var(--color-sky-950);
  }
}
@media (hover: hover){
  .hover\:bg-slate-50:hover{
      background-color: var(--color-slate-50);
  }
}
@media (hover: hover){
  .hover\:bg-slate-100:hover{
      background-color: var(--color-slate-100);
  }
}
@media (hover: hover){
  .hover\:bg-slate-200:hover{
      background-color: var(--color-slate-200);
  }
}
@media (hover: hover){
  .hover\:bg-slate-300:hover{
      background-color: var(--color-slate-300);
  }
}
@media (hover: hover){
  .hover\:bg-slate-400:hover{
      background-color: var(--color-slate-400);
  }
}
@media (hover: hover){
  .hover\:bg-slate-500:hover{
      background-color: var(--color-slate-500);
  }
}
@media (hover: hover){
  .hover\:bg-slate-600:hover{
      background-color: var(--color-slate-600);
  }
}
@media (hover: hover){
  .hover\:bg-slate-700:hover{
      background-color: var(--color-slate-700);
  }
}
@media (hover: hover){
  .hover\:bg-slate-800:hover{
      background-color: var(--color-slate-800);
  }
}
@media (hover: hover){
  .hover\:bg-slate-900:hover{
      background-color: var(--color-slate-900);
  }
}
@media (hover: hover){
  .hover\:bg-slate-950:hover{
      background-color: var(--color-slate-950);
  }
}
@media (hover: hover){
  .hover\:bg-stone-100:hover{
      background-color: var(--color-stone-100);
  }
}
@media (hover: hover){
  .hover\:bg-teal-50:hover{
      background-color: var(--color-teal-50);
  }
}
@media (hover: hover){
  .hover\:bg-teal-100:hover{
      background-color: var(--color-teal-100);
  }
}
@media (hover: hover){
  .hover\:bg-teal-200:hover{
      background-color: var(--color-teal-200);
  }
}
@media (hover: hover){
  .hover\:bg-teal-300:hover{
      background-color: var(--color-teal-300);
  }
}
@media (hover: hover){
  .hover\:bg-teal-400:hover{
      background-color: var(--color-teal-400);
  }
}
@media (hover: hover){
  .hover\:bg-teal-500:hover{
      background-color: var(--color-teal-500);
  }
}
@media (hover: hover){
  .hover\:bg-teal-600:hover{
      background-color: var(--color-teal-600);
  }
}
@media (hover: hover){
  .hover\:bg-teal-700:hover{
      background-color: var(--color-teal-700);
  }
}
@media (hover: hover){
  .hover\:bg-teal-800:hover{
      background-color: var(--color-teal-800);
  }
}
@media (hover: hover){
  .hover\:bg-teal-900:hover{
      background-color: var(--color-teal-900);
  }
}
@media (hover: hover){
  .hover\:bg-teal-950:hover{
      background-color: var(--color-teal-950);
  }
}
@media (hover: hover){
  .hover\:bg-violet-50:hover{
      background-color: var(--color-violet-50);
  }
}
@media (hover: hover){
  .hover\:bg-violet-100:hover{
      background-color: var(--color-violet-100);
  }
}
@media (hover: hover){
  .hover\:bg-violet-200:hover{
      background-color: var(--color-violet-200);
  }
}
@media (hover: hover){
  .hover\:bg-violet-300:hover{
      background-color: var(--color-violet-300);
  }
}
@media (hover: hover){
  .hover\:bg-violet-400:hover{
      background-color: var(--color-violet-400);
  }
}
@media (hover: hover){
  .hover\:bg-violet-500:hover{
      background-color: var(--color-violet-500);
  }
}
@media (hover: hover){
  .hover\:bg-violet-600:hover{
      background-color: var(--color-violet-600);
  }
}
@media (hover: hover){
  .hover\:bg-violet-700:hover{
      background-color: var(--color-violet-700);
  }
}
@media (hover: hover){
  .hover\:bg-violet-800:hover{
      background-color: var(--color-violet-800);
  }
}
@media (hover: hover){
  .hover\:bg-violet-900:hover{
      background-color: var(--color-violet-900);
  }
}
@media (hover: hover){
  .hover\:bg-violet-950:hover{
      background-color: var(--color-violet-950);
  }
}
@media (hover: hover){
  .hover\:bg-white\/20:hover{
      background-color: color-mix(in srgb, #fff 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .hover\:bg-white\/20:hover{
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
}
@media (hover: hover){
  .hover\:bg-yellow-50:hover{
      background-color: var(--color-yellow-50);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-100:hover{
      background-color: var(--color-yellow-100);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-200:hover{
      background-color: var(--color-yellow-200);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-300:hover{
      background-color: var(--color-yellow-300);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-400:hover{
      background-color: var(--color-yellow-400);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-500:hover{
      background-color: var(--color-yellow-500);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-600:hover{
      background-color: var(--color-yellow-600);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-700:hover{
      background-color: var(--color-yellow-700);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-800:hover{
      background-color: var(--color-yellow-800);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-900:hover{
      background-color: var(--color-yellow-900);
  }
}
@media (hover: hover){
  .hover\:bg-yellow-950:hover{
      background-color: var(--color-yellow-950);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-50:hover{
      background-color: var(--color-zinc-50);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-100:hover{
      background-color: var(--color-zinc-100);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-200:hover{
      background-color: var(--color-zinc-200);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-300:hover{
      background-color: var(--color-zinc-300);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-400:hover{
      background-color: var(--color-zinc-400);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-500:hover{
      background-color: var(--color-zinc-500);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-600:hover{
      background-color: var(--color-zinc-600);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-700:hover{
      background-color: var(--color-zinc-700);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-800:hover{
      background-color: var(--color-zinc-800);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-900:hover{
      background-color: var(--color-zinc-900);
  }
}
@media (hover: hover){
  .hover\:bg-zinc-950:hover{
      background-color: var(--color-zinc-950);
  }
}
@media (hover: hover){
  .hover\:text-amber-50:hover{
      color: var(--color-amber-50);
  }
}
@media (hover: hover){
  .hover\:text-amber-100:hover{
      color: var(--color-amber-100);
  }
}
@media (hover: hover){
  .hover\:text-amber-200:hover{
      color: var(--color-amber-200);
  }
}
@media (hover: hover){
  .hover\:text-amber-300:hover{
      color: var(--color-amber-300);
  }
}
@media (hover: hover){
  .hover\:text-amber-400:hover{
      color: var(--color-amber-400);
  }
}
@media (hover: hover){
  .hover\:text-amber-500:hover{
      color: var(--color-amber-500);
  }
}
@media (hover: hover){
  .hover\:text-amber-600:hover{
      color: var(--color-amber-600);
  }
}
@media (hover: hover){
  .hover\:text-amber-700:hover{
      color: var(--color-amber-700);
  }
}
@media (hover: hover){
  .hover\:text-amber-800:hover{
      color: var(--color-amber-800);
  }
}
@media (hover: hover){
  .hover\:text-amber-900:hover{
      color: var(--color-amber-900);
  }
}
@media (hover: hover){
  .hover\:text-amber-950:hover{
      color: var(--color-amber-950);
  }
}
@media (hover: hover){
  .hover\:text-blue-50:hover{
      color: var(--color-blue-50);
  }
}
@media (hover: hover){
  .hover\:text-blue-100:hover{
      color: var(--color-blue-100);
  }
}
@media (hover: hover){
  .hover\:text-blue-200:hover{
      color: var(--color-blue-200);
  }
}
@media (hover: hover){
  .hover\:text-blue-300:hover{
      color: var(--color-blue-300);
  }
}
@media (hover: hover){
  .hover\:text-blue-400:hover{
      color: var(--color-blue-400);
  }
}
@media (hover: hover){
  .hover\:text-blue-500:hover{
      color: var(--color-blue-500);
  }
}
@media (hover: hover){
  .hover\:text-blue-600:hover{
      color: var(--color-blue-600);
  }
}
@media (hover: hover){
  .hover\:text-blue-700:hover{
      color: var(--color-blue-700);
  }
}
@media (hover: hover){
  .hover\:text-blue-800:hover{
      color: var(--color-blue-800);
  }
}
@media (hover: hover){
  .hover\:text-blue-900:hover{
      color: var(--color-blue-900);
  }
}
@media (hover: hover){
  .hover\:text-blue-950:hover{
      color: var(--color-blue-950);
  }
}
@media (hover: hover){
  .hover\:text-cyan-50:hover{
      color: var(--color-cyan-50);
  }
}
@media (hover: hover){
  .hover\:text-cyan-100:hover{
      color: var(--color-cyan-100);
  }
}
@media (hover: hover){
  .hover\:text-cyan-200:hover{
      color: var(--color-cyan-200);
  }
}
@media (hover: hover){
  .hover\:text-cyan-300:hover{
      color: var(--color-cyan-300);
  }
}
@media (hover: hover){
  .hover\:text-cyan-400:hover{
      color: var(--color-cyan-400);
  }
}
@media (hover: hover){
  .hover\:text-cyan-500:hover{
      color: var(--color-cyan-500);
  }
}
@media (hover: hover){
  .hover\:text-cyan-600:hover{
      color: var(--color-cyan-600);
  }
}
@media (hover: hover){
  .hover\:text-cyan-700:hover{
      color: var(--color-cyan-700);
  }
}
@media (hover: hover){
  .hover\:text-cyan-800:hover{
      color: var(--color-cyan-800);
  }
}
@media (hover: hover){
  .hover\:text-cyan-900:hover{
      color: var(--color-cyan-900);
  }
}
@media (hover: hover){
  .hover\:text-cyan-950:hover{
      color: var(--color-cyan-950);
  }
}
@media (hover: hover){
  .hover\:text-emerald-50:hover{
      color: var(--color-emerald-50);
  }
}
@media (hover: hover){
  .hover\:text-emerald-100:hover{
      color: var(--color-emerald-100);
  }
}
@media (hover: hover){
  .hover\:text-emerald-200:hover{
      color: var(--color-emerald-200);
  }
}
@media (hover: hover){
  .hover\:text-emerald-300:hover{
      color: var(--color-emerald-300);
  }
}
@media (hover: hover){
  .hover\:text-emerald-400:hover{
      color: var(--color-emerald-400);
  }
}
@media (hover: hover){
  .hover\:text-emerald-500:hover{
      color: var(--color-emerald-500);
  }
}
@media (hover: hover){
  .hover\:text-emerald-600:hover{
      color: var(--color-emerald-600);
  }
}
@media (hover: hover){
  .hover\:text-emerald-700:hover{
      color: var(--color-emerald-700);
  }
}
@media (hover: hover){
  .hover\:text-emerald-800:hover{
      color: var(--color-emerald-800);
  }
}
@media (hover: hover){
  .hover\:text-emerald-900:hover{
      color: var(--color-emerald-900);
  }
}
@media (hover: hover){
  .hover\:text-emerald-950:hover{
      color: var(--color-emerald-950);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-50:hover{
      color: var(--color-fuchsia-50);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-100:hover{
      color: var(--color-fuchsia-100);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-200:hover{
      color: var(--color-fuchsia-200);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-300:hover{
      color: var(--color-fuchsia-300);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-400:hover{
      color: var(--color-fuchsia-400);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-500:hover{
      color: var(--color-fuchsia-500);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-600:hover{
      color: var(--color-fuchsia-600);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-700:hover{
      color: var(--color-fuchsia-700);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-800:hover{
      color: var(--color-fuchsia-800);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-900:hover{
      color: var(--color-fuchsia-900);
  }
}
@media (hover: hover){
  .hover\:text-fuchsia-950:hover{
      color: var(--color-fuchsia-950);
  }
}
@media (hover: hover){
  .hover\:text-gray-50:hover{
      color: var(--color-gray-50);
  }
}
@media (hover: hover){
  .hover\:text-gray-100:hover{
      color: var(--color-gray-100);
  }
}
@media (hover: hover){
  .hover\:text-gray-200:hover{
      color: var(--color-gray-200);
  }
}
@media (hover: hover){
  .hover\:text-gray-300:hover{
      color: var(--color-gray-300);
  }
}
@media (hover: hover){
  .hover\:text-gray-400:hover{
      color: var(--color-gray-400);
  }
}
@media (hover: hover){
  .hover\:text-gray-500:hover{
      color: var(--color-gray-500);
  }
}
@media (hover: hover){
  .hover\:text-gray-600:hover{
      color: var(--color-gray-600);
  }
}
@media (hover: hover){
  .hover\:text-gray-700:hover{
      color: var(--color-gray-700);
  }
}
@media (hover: hover){
  .hover\:text-gray-800:hover{
      color: var(--color-gray-800);
  }
}
@media (hover: hover){
  .hover\:text-gray-900:hover{
      color: var(--color-gray-900);
  }
}
@media (hover: hover){
  .hover\:text-gray-950:hover{
      color: var(--color-gray-950);
  }
}
@media (hover: hover){
  .hover\:text-green-50:hover{
      color: var(--color-green-50);
  }
}
@media (hover: hover){
  .hover\:text-green-100:hover{
      color: var(--color-green-100);
  }
}
@media (hover: hover){
  .hover\:text-green-200:hover{
      color: var(--color-green-200);
  }
}
@media (hover: hover){
  .hover\:text-green-300:hover{
      color: var(--color-green-300);
  }
}
@media (hover: hover){
  .hover\:text-green-400:hover{
      color: var(--color-green-400);
  }
}
@media (hover: hover){
  .hover\:text-green-500:hover{
      color: var(--color-green-500);
  }
}
@media (hover: hover){
  .hover\:text-green-600:hover{
      color: var(--color-green-600);
  }
}
@media (hover: hover){
  .hover\:text-green-700:hover{
      color: var(--color-green-700);
  }
}
@media (hover: hover){
  .hover\:text-green-800:hover{
      color: var(--color-green-800);
  }
}
@media (hover: hover){
  .hover\:text-green-900:hover{
      color: var(--color-green-900);
  }
}
@media (hover: hover){
  .hover\:text-green-950:hover{
      color: var(--color-green-950);
  }
}
@media (hover: hover){
  .hover\:text-indigo-50:hover{
      color: var(--color-indigo-50);
  }
}
@media (hover: hover){
  .hover\:text-indigo-100:hover{
      color: var(--color-indigo-100);
  }
}
@media (hover: hover){
  .hover\:text-indigo-200:hover{
      color: var(--color-indigo-200);
  }
}
@media (hover: hover){
  .hover\:text-indigo-300:hover{
      color: var(--color-indigo-300);
  }
}
@media (hover: hover){
  .hover\:text-indigo-400:hover{
      color: var(--color-indigo-400);
  }
}
@media (hover: hover){
  .hover\:text-indigo-500:hover{
      color: var(--color-indigo-500);
  }
}
@media (hover: hover){
  .hover\:text-indigo-600:hover{
      color: var(--color-indigo-600);
  }
}
@media (hover: hover){
  .hover\:text-indigo-700:hover{
      color: var(--color-indigo-700);
  }
}
@media (hover: hover){
  .hover\:text-indigo-800:hover{
      color: var(--color-indigo-800);
  }
}
@media (hover: hover){
  .hover\:text-indigo-900:hover{
      color: var(--color-indigo-900);
  }
}
@media (hover: hover){
  .hover\:text-indigo-950:hover{
      color: var(--color-indigo-950);
  }
}
@media (hover: hover){
  .hover\:text-lime-50:hover{
      color: var(--color-lime-50);
  }
}
@media (hover: hover){
  .hover\:text-lime-100:hover{
      color: var(--color-lime-100);
  }
}
@media (hover: hover){
  .hover\:text-lime-200:hover{
      color: var(--color-lime-200);
  }
}
@media (hover: hover){
  .hover\:text-lime-300:hover{
      color: var(--color-lime-300);
  }
}
@media (hover: hover){
  .hover\:text-lime-400:hover{
      color: var(--color-lime-400);
  }
}
@media (hover: hover){
  .hover\:text-lime-500:hover{
      color: var(--color-lime-500);
  }
}
@media (hover: hover){
  .hover\:text-lime-600:hover{
      color: var(--color-lime-600);
  }
}
@media (hover: hover){
  .hover\:text-lime-700:hover{
      color: var(--color-lime-700);
  }
}
@media (hover: hover){
  .hover\:text-lime-800:hover{
      color: var(--color-lime-800);
  }
}
@media (hover: hover){
  .hover\:text-lime-900:hover{
      color: var(--color-lime-900);
  }
}
@media (hover: hover){
  .hover\:text-lime-950:hover{
      color: var(--color-lime-950);
  }
}
@media (hover: hover){
  .hover\:text-orange-50:hover{
      color: var(--color-orange-50);
  }
}
@media (hover: hover){
  .hover\:text-orange-100:hover{
      color: var(--color-orange-100);
  }
}
@media (hover: hover){
  .hover\:text-orange-200:hover{
      color: var(--color-orange-200);
  }
}
@media (hover: hover){
  .hover\:text-orange-300:hover{
      color: var(--color-orange-300);
  }
}
@media (hover: hover){
  .hover\:text-orange-400:hover{
      color: var(--color-orange-400);
  }
}
@media (hover: hover){
  .hover\:text-orange-500:hover{
      color: var(--color-orange-500);
  }
}
@media (hover: hover){
  .hover\:text-orange-600:hover{
      color: var(--color-orange-600);
  }
}
@media (hover: hover){
  .hover\:text-orange-700:hover{
      color: var(--color-orange-700);
  }
}
@media (hover: hover){
  .hover\:text-orange-800:hover{
      color: var(--color-orange-800);
  }
}
@media (hover: hover){
  .hover\:text-orange-900:hover{
      color: var(--color-orange-900);
  }
}
@media (hover: hover){
  .hover\:text-orange-950:hover{
      color: var(--color-orange-950);
  }
}
@media (hover: hover){
  .hover\:text-pink-50:hover{
      color: var(--color-pink-50);
  }
}
@media (hover: hover){
  .hover\:text-pink-100:hover{
      color: var(--color-pink-100);
  }
}
@media (hover: hover){
  .hover\:text-pink-200:hover{
      color: var(--color-pink-200);
  }
}
@media (hover: hover){
  .hover\:text-pink-300:hover{
      color: var(--color-pink-300);
  }
}
@media (hover: hover){
  .hover\:text-pink-400:hover{
      color: var(--color-pink-400);
  }
}
@media (hover: hover){
  .hover\:text-pink-500:hover{
      color: var(--color-pink-500);
  }
}
@media (hover: hover){
  .hover\:text-pink-600:hover{
      color: var(--color-pink-600);
  }
}
@media (hover: hover){
  .hover\:text-pink-700:hover{
      color: var(--color-pink-700);
  }
}
@media (hover: hover){
  .hover\:text-pink-800:hover{
      color: var(--color-pink-800);
  }
}
@media (hover: hover){
  .hover\:text-pink-900:hover{
      color: var(--color-pink-900);
  }
}
@media (hover: hover){
  .hover\:text-pink-950:hover{
      color: var(--color-pink-950);
  }
}
@media (hover: hover){
  .hover\:text-purple-50:hover{
      color: var(--color-purple-50);
  }
}
@media (hover: hover){
  .hover\:text-purple-100:hover{
      color: var(--color-purple-100);
  }
}
@media (hover: hover){
  .hover\:text-purple-200:hover{
      color: var(--color-purple-200);
  }
}
@media (hover: hover){
  .hover\:text-purple-300:hover{
      color: var(--color-purple-300);
  }
}
@media (hover: hover){
  .hover\:text-purple-400:hover{
      color: var(--color-purple-400);
  }
}
@media (hover: hover){
  .hover\:text-purple-500:hover{
      color: var(--color-purple-500);
  }
}
@media (hover: hover){
  .hover\:text-purple-600:hover{
      color: var(--color-purple-600);
  }
}
@media (hover: hover){
  .hover\:text-purple-700:hover{
      color: var(--color-purple-700);
  }
}
@media (hover: hover){
  .hover\:text-purple-800:hover{
      color: var(--color-purple-800);
  }
}
@media (hover: hover){
  .hover\:text-purple-900:hover{
      color: var(--color-purple-900);
  }
}
@media (hover: hover){
  .hover\:text-purple-950:hover{
      color: var(--color-purple-950);
  }
}
@media (hover: hover){
  .hover\:text-red-50:hover{
      color: var(--color-red-50);
  }
}
@media (hover: hover){
  .hover\:text-red-100:hover{
      color: var(--color-red-100);
  }
}
@media (hover: hover){
  .hover\:text-red-200:hover{
      color: var(--color-red-200);
  }
}
@media (hover: hover){
  .hover\:text-red-300:hover{
      color: var(--color-red-300);
  }
}
@media (hover: hover){
  .hover\:text-red-400:hover{
      color: var(--color-red-400);
  }
}
@media (hover: hover){
  .hover\:text-red-500:hover{
      color: var(--color-red-500);
  }
}
@media (hover: hover){
  .hover\:text-red-600:hover{
      color: var(--color-red-600);
  }
}
@media (hover: hover){
  .hover\:text-red-700:hover{
      color: var(--color-red-700);
  }
}
@media (hover: hover){
  .hover\:text-red-800:hover{
      color: var(--color-red-800);
  }
}
@media (hover: hover){
  .hover\:text-red-900:hover{
      color: var(--color-red-900);
  }
}
@media (hover: hover){
  .hover\:text-red-950:hover{
      color: var(--color-red-950);
  }
}
@media (hover: hover){
  .hover\:text-rose-50:hover{
      color: var(--color-rose-50);
  }
}
@media (hover: hover){
  .hover\:text-rose-100:hover{
      color: var(--color-rose-100);
  }
}
@media (hover: hover){
  .hover\:text-rose-200:hover{
      color: var(--color-rose-200);
  }
}
@media (hover: hover){
  .hover\:text-rose-300:hover{
      color: var(--color-rose-300);
  }
}
@media (hover: hover){
  .hover\:text-rose-400:hover{
      color: var(--color-rose-400);
  }
}
@media (hover: hover){
  .hover\:text-rose-500:hover{
      color: var(--color-rose-500);
  }
}
@media (hover: hover){
  .hover\:text-rose-600:hover{
      color: var(--color-rose-600);
  }
}
@media (hover: hover){
  .hover\:text-rose-700:hover{
      color: var(--color-rose-700);
  }
}
@media (hover: hover){
  .hover\:text-rose-800:hover{
      color: var(--color-rose-800);
  }
}
@media (hover: hover){
  .hover\:text-rose-900:hover{
      color: var(--color-rose-900);
  }
}
@media (hover: hover){
  .hover\:text-rose-950:hover{
      color: var(--color-rose-950);
  }
}
@media (hover: hover){
  .hover\:text-sky-50:hover{
      color: var(--color-sky-50);
  }
}
@media (hover: hover){
  .hover\:text-sky-100:hover{
      color: var(--color-sky-100);
  }
}
@media (hover: hover){
  .hover\:text-sky-200:hover{
      color: var(--color-sky-200);
  }
}
@media (hover: hover){
  .hover\:text-sky-300:hover{
      color: var(--color-sky-300);
  }
}
@media (hover: hover){
  .hover\:text-sky-400:hover{
      color: var(--color-sky-400);
  }
}
@media (hover: hover){
  .hover\:text-sky-500:hover{
      color: var(--color-sky-500);
  }
}
@media (hover: hover){
  .hover\:text-sky-600:hover{
      color: var(--color-sky-600);
  }
}
@media (hover: hover){
  .hover\:text-sky-700:hover{
      color: var(--color-sky-700);
  }
}
@media (hover: hover){
  .hover\:text-sky-800:hover{
      color: var(--color-sky-800);
  }
}
@media (hover: hover){
  .hover\:text-sky-900:hover{
      color: var(--color-sky-900);
  }
}
@media (hover: hover){
  .hover\:text-sky-950:hover{
      color: var(--color-sky-950);
  }
}
@media (hover: hover){
  .hover\:text-slate-50:hover{
      color: var(--color-slate-50);
  }
}
@media (hover: hover){
  .hover\:text-slate-100:hover{
      color: var(--color-slate-100);
  }
}
@media (hover: hover){
  .hover\:text-slate-200:hover{
      color: var(--color-slate-200);
  }
}
@media (hover: hover){
  .hover\:text-slate-300:hover{
      color: var(--color-slate-300);
  }
}
@media (hover: hover){
  .hover\:text-slate-400:hover{
      color: var(--color-slate-400);
  }
}
@media (hover: hover){
  .hover\:text-slate-500:hover{
      color: var(--color-slate-500);
  }
}
@media (hover: hover){
  .hover\:text-slate-600:hover{
      color: var(--color-slate-600);
  }
}
@media (hover: hover){
  .hover\:text-slate-700:hover{
      color: var(--color-slate-700);
  }
}
@media (hover: hover){
  .hover\:text-slate-800:hover{
      color: var(--color-slate-800);
  }
}
@media (hover: hover){
  .hover\:text-slate-900:hover{
      color: var(--color-slate-900);
  }
}
@media (hover: hover){
  .hover\:text-slate-950:hover{
      color: var(--color-slate-950);
  }
}
@media (hover: hover){
  .hover\:text-teal-50:hover{
      color: var(--color-teal-50);
  }
}
@media (hover: hover){
  .hover\:text-teal-100:hover{
      color: var(--color-teal-100);
  }
}
@media (hover: hover){
  .hover\:text-teal-200:hover{
      color: var(--color-teal-200);
  }
}
@media (hover: hover){
  .hover\:text-teal-300:hover{
      color: var(--color-teal-300);
  }
}
@media (hover: hover){
  .hover\:text-teal-400:hover{
      color: var(--color-teal-400);
  }
}
@media (hover: hover){
  .hover\:text-teal-500:hover{
      color: var(--color-teal-500);
  }
}
@media (hover: hover){
  .hover\:text-teal-600:hover{
      color: var(--color-teal-600);
  }
}
@media (hover: hover){
  .hover\:text-teal-700:hover{
      color: var(--color-teal-700);
  }
}
@media (hover: hover){
  .hover\:text-teal-800:hover{
      color: var(--color-teal-800);
  }
}
@media (hover: hover){
  .hover\:text-teal-900:hover{
      color: var(--color-teal-900);
  }
}
@media (hover: hover){
  .hover\:text-teal-950:hover{
      color: var(--color-teal-950);
  }
}
@media (hover: hover){
  .hover\:text-violet-50:hover{
      color: var(--color-violet-50);
  }
}
@media (hover: hover){
  .hover\:text-violet-100:hover{
      color: var(--color-violet-100);
  }
}
@media (hover: hover){
  .hover\:text-violet-200:hover{
      color: var(--color-violet-200);
  }
}
@media (hover: hover){
  .hover\:text-violet-300:hover{
      color: var(--color-violet-300);
  }
}
@media (hover: hover){
  .hover\:text-violet-400:hover{
      color: var(--color-violet-400);
  }
}
@media (hover: hover){
  .hover\:text-violet-500:hover{
      color: var(--color-violet-500);
  }
}
@media (hover: hover){
  .hover\:text-violet-600:hover{
      color: var(--color-violet-600);
  }
}
@media (hover: hover){
  .hover\:text-violet-700:hover{
      color: var(--color-violet-700);
  }
}
@media (hover: hover){
  .hover\:text-violet-800:hover{
      color: var(--color-violet-800);
  }
}
@media (hover: hover){
  .hover\:text-violet-900:hover{
      color: var(--color-violet-900);
  }
}
@media (hover: hover){
  .hover\:text-violet-950:hover{
      color: var(--color-violet-950);
  }
}
@media (hover: hover){
  .hover\:text-yellow-50:hover{
      color: var(--color-yellow-50);
  }
}
@media (hover: hover){
  .hover\:text-yellow-100:hover{
      color: var(--color-yellow-100);
  }
}
@media (hover: hover){
  .hover\:text-yellow-200:hover{
      color: var(--color-yellow-200);
  }
}
@media (hover: hover){
  .hover\:text-yellow-300:hover{
      color: var(--color-yellow-300);
  }
}
@media (hover: hover){
  .hover\:text-yellow-400:hover{
      color: var(--color-yellow-400);
  }
}
@media (hover: hover){
  .hover\:text-yellow-500:hover{
      color: var(--color-yellow-500);
  }
}
@media (hover: hover){
  .hover\:text-yellow-600:hover{
      color: var(--color-yellow-600);
  }
}
@media (hover: hover){
  .hover\:text-yellow-700:hover{
      color: var(--color-yellow-700);
  }
}
@media (hover: hover){
  .hover\:text-yellow-800:hover{
      color: var(--color-yellow-800);
  }
}
@media (hover: hover){
  .hover\:text-yellow-900:hover{
      color: var(--color-yellow-900);
  }
}
@media (hover: hover){
  .hover\:text-yellow-950:hover{
      color: var(--color-yellow-950);
  }
}
@media (hover: hover){
  .hover\:text-zinc-50:hover{
      color: var(--color-zinc-50);
  }
}
@media (hover: hover){
  .hover\:text-zinc-100:hover{
      color: var(--color-zinc-100);
  }
}
@media (hover: hover){
  .hover\:text-zinc-200:hover{
      color: var(--color-zinc-200);
  }
}
@media (hover: hover){
  .hover\:text-zinc-300:hover{
      color: var(--color-zinc-300);
  }
}
@media (hover: hover){
  .hover\:text-zinc-400:hover{
      color: var(--color-zinc-400);
  }
}
@media (hover: hover){
  .hover\:text-zinc-500:hover{
      color: var(--color-zinc-500);
  }
}
@media (hover: hover){
  .hover\:text-zinc-600:hover{
      color: var(--color-zinc-600);
  }
}
@media (hover: hover){
  .hover\:text-zinc-700:hover{
      color: var(--color-zinc-700);
  }
}
@media (hover: hover){
  .hover\:text-zinc-800:hover{
      color: var(--color-zinc-800);
  }
}
@media (hover: hover){
  .hover\:text-zinc-900:hover{
      color: var(--color-zinc-900);
  }
}
@media (hover: hover){
  .hover\:text-zinc-950:hover{
      color: var(--color-zinc-950);
  }
}
@media (hover: hover){
  .hover\:opacity-70:hover{
      opacity: 70%;
  }
}
@media (hover: hover){
  .hover\:shadow-lg:hover{
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (hover: hover){
  .hover\:shadow-xl:hover{
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (hover: hover){
  .hover\:ring-amber-50:hover{
      --tw-ring-color: var(--color-amber-50);
  }
}
@media (hover: hover){
  .hover\:ring-amber-100:hover{
      --tw-ring-color: var(--color-amber-100);
  }
}
@media (hover: hover){
  .hover\:ring-amber-200:hover{
      --tw-ring-color: var(--color-amber-200);
  }
}
@media (hover: hover){
  .hover\:ring-amber-300:hover{
      --tw-ring-color: var(--color-amber-300);
  }
}
@media (hover: hover){
  .hover\:ring-amber-400:hover{
      --tw-ring-color: var(--color-amber-400);
  }
}
@media (hover: hover){
  .hover\:ring-amber-500:hover{
      --tw-ring-color: var(--color-amber-500);
  }
}
@media (hover: hover){
  .hover\:ring-amber-600:hover{
      --tw-ring-color: var(--color-amber-600);
  }
}
@media (hover: hover){
  .hover\:ring-amber-700:hover{
      --tw-ring-color: var(--color-amber-700);
  }
}
@media (hover: hover){
  .hover\:ring-amber-800:hover{
      --tw-ring-color: var(--color-amber-800);
  }
}
@media (hover: hover){
  .hover\:ring-amber-900:hover{
      --tw-ring-color: var(--color-amber-900);
  }
}
@media (hover: hover){
  .hover\:ring-amber-950:hover{
      --tw-ring-color: var(--color-amber-950);
  }
}
@media (hover: hover){
  .hover\:ring-blue-50:hover{
      --tw-ring-color: var(--color-blue-50);
  }
}
@media (hover: hover){
  .hover\:ring-blue-100:hover{
      --tw-ring-color: var(--color-blue-100);
  }
}
@media (hover: hover){
  .hover\:ring-blue-200:hover{
      --tw-ring-color: var(--color-blue-200);
  }
}
@media (hover: hover){
  .hover\:ring-blue-300:hover{
      --tw-ring-color: var(--color-blue-300);
  }
}
@media (hover: hover){
  .hover\:ring-blue-400:hover{
      --tw-ring-color: var(--color-blue-400);
  }
}
@media (hover: hover){
  .hover\:ring-blue-500:hover{
      --tw-ring-color: var(--color-blue-500);
  }
}
@media (hover: hover){
  .hover\:ring-blue-600:hover{
      --tw-ring-color: var(--color-blue-600);
  }
}
@media (hover: hover){
  .hover\:ring-blue-700:hover{
      --tw-ring-color: var(--color-blue-700);
  }
}
@media (hover: hover){
  .hover\:ring-blue-800:hover{
      --tw-ring-color: var(--color-blue-800);
  }
}
@media (hover: hover){
  .hover\:ring-blue-900:hover{
      --tw-ring-color: var(--color-blue-900);
  }
}
@media (hover: hover){
  .hover\:ring-blue-950:hover{
      --tw-ring-color: var(--color-blue-950);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-50:hover{
      --tw-ring-color: var(--color-cyan-50);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-100:hover{
      --tw-ring-color: var(--color-cyan-100);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-200:hover{
      --tw-ring-color: var(--color-cyan-200);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-300:hover{
      --tw-ring-color: var(--color-cyan-300);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-400:hover{
      --tw-ring-color: var(--color-cyan-400);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-500:hover{
      --tw-ring-color: var(--color-cyan-500);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-600:hover{
      --tw-ring-color: var(--color-cyan-600);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-700:hover{
      --tw-ring-color: var(--color-cyan-700);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-800:hover{
      --tw-ring-color: var(--color-cyan-800);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-900:hover{
      --tw-ring-color: var(--color-cyan-900);
  }
}
@media (hover: hover){
  .hover\:ring-cyan-950:hover{
      --tw-ring-color: var(--color-cyan-950);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-50:hover{
      --tw-ring-color: var(--color-emerald-50);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-100:hover{
      --tw-ring-color: var(--color-emerald-100);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-200:hover{
      --tw-ring-color: var(--color-emerald-200);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-300:hover{
      --tw-ring-color: var(--color-emerald-300);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-400:hover{
      --tw-ring-color: var(--color-emerald-400);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-500:hover{
      --tw-ring-color: var(--color-emerald-500);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-600:hover{
      --tw-ring-color: var(--color-emerald-600);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-700:hover{
      --tw-ring-color: var(--color-emerald-700);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-800:hover{
      --tw-ring-color: var(--color-emerald-800);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-900:hover{
      --tw-ring-color: var(--color-emerald-900);
  }
}
@media (hover: hover){
  .hover\:ring-emerald-950:hover{
      --tw-ring-color: var(--color-emerald-950);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-50:hover{
      --tw-ring-color: var(--color-fuchsia-50);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-100:hover{
      --tw-ring-color: var(--color-fuchsia-100);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-200:hover{
      --tw-ring-color: var(--color-fuchsia-200);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-300:hover{
      --tw-ring-color: var(--color-fuchsia-300);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-400:hover{
      --tw-ring-color: var(--color-fuchsia-400);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-500:hover{
      --tw-ring-color: var(--color-fuchsia-500);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-600:hover{
      --tw-ring-color: var(--color-fuchsia-600);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-700:hover{
      --tw-ring-color: var(--color-fuchsia-700);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-800:hover{
      --tw-ring-color: var(--color-fuchsia-800);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-900:hover{
      --tw-ring-color: var(--color-fuchsia-900);
  }
}
@media (hover: hover){
  .hover\:ring-fuchsia-950:hover{
      --tw-ring-color: var(--color-fuchsia-950);
  }
}
@media (hover: hover){
  .hover\:ring-gray-50:hover{
      --tw-ring-color: var(--color-gray-50);
  }
}
@media (hover: hover){
  .hover\:ring-gray-100:hover{
      --tw-ring-color: var(--color-gray-100);
  }
}
@media (hover: hover){
  .hover\:ring-gray-200:hover{
      --tw-ring-color: var(--color-gray-200);
  }
}
@media (hover: hover){
  .hover\:ring-gray-300:hover{
      --tw-ring-color: var(--color-gray-300);
  }
}
@media (hover: hover){
  .hover\:ring-gray-400:hover{
      --tw-ring-color: var(--color-gray-400);
  }
}
@media (hover: hover){
  .hover\:ring-gray-500:hover{
      --tw-ring-color: var(--color-gray-500);
  }
}
@media (hover: hover){
  .hover\:ring-gray-600:hover{
      --tw-ring-color: var(--color-gray-600);
  }
}
@media (hover: hover){
  .hover\:ring-gray-700:hover{
      --tw-ring-color: var(--color-gray-700);
  }
}
@media (hover: hover){
  .hover\:ring-gray-800:hover{
      --tw-ring-color: var(--color-gray-800);
  }
}
@media (hover: hover){
  .hover\:ring-gray-900:hover{
      --tw-ring-color: var(--color-gray-900);
  }
}
@media (hover: hover){
  .hover\:ring-gray-950:hover{
      --tw-ring-color: var(--color-gray-950);
  }
}
@media (hover: hover){
  .hover\:ring-green-50:hover{
      --tw-ring-color: var(--color-green-50);
  }
}
@media (hover: hover){
  .hover\:ring-green-100:hover{
      --tw-ring-color: var(--color-green-100);
  }
}
@media (hover: hover){
  .hover\:ring-green-200:hover{
      --tw-ring-color: var(--color-green-200);
  }
}
@media (hover: hover){
  .hover\:ring-green-300:hover{
      --tw-ring-color: var(--color-green-300);
  }
}
@media (hover: hover){
  .hover\:ring-green-400:hover{
      --tw-ring-color: var(--color-green-400);
  }
}
@media (hover: hover){
  .hover\:ring-green-500:hover{
      --tw-ring-color: var(--color-green-500);
  }
}
@media (hover: hover){
  .hover\:ring-green-600:hover{
      --tw-ring-color: var(--color-green-600);
  }
}
@media (hover: hover){
  .hover\:ring-green-700:hover{
      --tw-ring-color: var(--color-green-700);
  }
}
@media (hover: hover){
  .hover\:ring-green-800:hover{
      --tw-ring-color: var(--color-green-800);
  }
}
@media (hover: hover){
  .hover\:ring-green-900:hover{
      --tw-ring-color: var(--color-green-900);
  }
}
@media (hover: hover){
  .hover\:ring-green-950:hover{
      --tw-ring-color: var(--color-green-950);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-50:hover{
      --tw-ring-color: var(--color-indigo-50);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-100:hover{
      --tw-ring-color: var(--color-indigo-100);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-200:hover{
      --tw-ring-color: var(--color-indigo-200);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-300:hover{
      --tw-ring-color: var(--color-indigo-300);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-400:hover{
      --tw-ring-color: var(--color-indigo-400);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-500:hover{
      --tw-ring-color: var(--color-indigo-500);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-600:hover{
      --tw-ring-color: var(--color-indigo-600);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-700:hover{
      --tw-ring-color: var(--color-indigo-700);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-800:hover{
      --tw-ring-color: var(--color-indigo-800);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-900:hover{
      --tw-ring-color: var(--color-indigo-900);
  }
}
@media (hover: hover){
  .hover\:ring-indigo-950:hover{
      --tw-ring-color: var(--color-indigo-950);
  }
}
@media (hover: hover){
  .hover\:ring-lime-50:hover{
      --tw-ring-color: var(--color-lime-50);
  }
}
@media (hover: hover){
  .hover\:ring-lime-100:hover{
      --tw-ring-color: var(--color-lime-100);
  }
}
@media (hover: hover){
  .hover\:ring-lime-200:hover{
      --tw-ring-color: var(--color-lime-200);
  }
}
@media (hover: hover){
  .hover\:ring-lime-300:hover{
      --tw-ring-color: var(--color-lime-300);
  }
}
@media (hover: hover){
  .hover\:ring-lime-400:hover{
      --tw-ring-color: var(--color-lime-400);
  }
}
@media (hover: hover){
  .hover\:ring-lime-500:hover{
      --tw-ring-color: var(--color-lime-500);
  }
}
@media (hover: hover){
  .hover\:ring-lime-600:hover{
      --tw-ring-color: var(--color-lime-600);
  }
}
@media (hover: hover){
  .hover\:ring-lime-700:hover{
      --tw-ring-color: var(--color-lime-700);
  }
}
@media (hover: hover){
  .hover\:ring-lime-800:hover{
      --tw-ring-color: var(--color-lime-800);
  }
}
@media (hover: hover){
  .hover\:ring-lime-900:hover{
      --tw-ring-color: var(--color-lime-900);
  }
}
@media (hover: hover){
  .hover\:ring-lime-950:hover{
      --tw-ring-color: var(--color-lime-950);
  }
}
@media (hover: hover){
  .hover\:ring-orange-50:hover{
      --tw-ring-color: var(--color-orange-50);
  }
}
@media (hover: hover){
  .hover\:ring-orange-100:hover{
      --tw-ring-color: var(--color-orange-100);
  }
}
@media (hover: hover){
  .hover\:ring-orange-200:hover{
      --tw-ring-color: var(--color-orange-200);
  }
}
@media (hover: hover){
  .hover\:ring-orange-300:hover{
      --tw-ring-color: var(--color-orange-300);
  }
}
@media (hover: hover){
  .hover\:ring-orange-400:hover{
      --tw-ring-color: var(--color-orange-400);
  }
}
@media (hover: hover){
  .hover\:ring-orange-500:hover{
      --tw-ring-color: var(--color-orange-500);
  }
}
@media (hover: hover){
  .hover\:ring-orange-600:hover{
      --tw-ring-color: var(--color-orange-600);
  }
}
@media (hover: hover){
  .hover\:ring-orange-700:hover{
      --tw-ring-color: var(--color-orange-700);
  }
}
@media (hover: hover){
  .hover\:ring-orange-800:hover{
      --tw-ring-color: var(--color-orange-800);
  }
}
@media (hover: hover){
  .hover\:ring-orange-900:hover{
      --tw-ring-color: var(--color-orange-900);
  }
}
@media (hover: hover){
  .hover\:ring-orange-950:hover{
      --tw-ring-color: var(--color-orange-950);
  }
}
@media (hover: hover){
  .hover\:ring-pink-50:hover{
      --tw-ring-color: var(--color-pink-50);
  }
}
@media (hover: hover){
  .hover\:ring-pink-100:hover{
      --tw-ring-color: var(--color-pink-100);
  }
}
@media (hover: hover){
  .hover\:ring-pink-200:hover{
      --tw-ring-color: var(--color-pink-200);
  }
}
@media (hover: hover){
  .hover\:ring-pink-300:hover{
      --tw-ring-color: var(--color-pink-300);
  }
}
@media (hover: hover){
  .hover\:ring-pink-400:hover{
      --tw-ring-color: var(--color-pink-400);
  }
}
@media (hover: hover){
  .hover\:ring-pink-500:hover{
      --tw-ring-color: var(--color-pink-500);
  }
}
@media (hover: hover){
  .hover\:ring-pink-600:hover{
      --tw-ring-color: var(--color-pink-600);
  }
}
@media (hover: hover){
  .hover\:ring-pink-700:hover{
      --tw-ring-color: var(--color-pink-700);
  }
}
@media (hover: hover){
  .hover\:ring-pink-800:hover{
      --tw-ring-color: var(--color-pink-800);
  }
}
@media (hover: hover){
  .hover\:ring-pink-900:hover{
      --tw-ring-color: var(--color-pink-900);
  }
}
@media (hover: hover){
  .hover\:ring-pink-950:hover{
      --tw-ring-color: var(--color-pink-950);
  }
}
@media (hover: hover){
  .hover\:ring-purple-50:hover{
      --tw-ring-color: var(--color-purple-50);
  }
}
@media (hover: hover){
  .hover\:ring-purple-100:hover{
      --tw-ring-color: var(--color-purple-100);
  }
}
@media (hover: hover){
  .hover\:ring-purple-200:hover{
      --tw-ring-color: var(--color-purple-200);
  }
}
@media (hover: hover){
  .hover\:ring-purple-300:hover{
      --tw-ring-color: var(--color-purple-300);
  }
}
@media (hover: hover){
  .hover\:ring-purple-400:hover{
      --tw-ring-color: var(--color-purple-400);
  }
}
@media (hover: hover){
  .hover\:ring-purple-500:hover{
      --tw-ring-color: var(--color-purple-500);
  }
}
@media (hover: hover){
  .hover\:ring-purple-600:hover{
      --tw-ring-color: var(--color-purple-600);
  }
}
@media (hover: hover){
  .hover\:ring-purple-700:hover{
      --tw-ring-color: var(--color-purple-700);
  }
}
@media (hover: hover){
  .hover\:ring-purple-800:hover{
      --tw-ring-color: var(--color-purple-800);
  }
}
@media (hover: hover){
  .hover\:ring-purple-900:hover{
      --tw-ring-color: var(--color-purple-900);
  }
}
@media (hover: hover){
  .hover\:ring-purple-950:hover{
      --tw-ring-color: var(--color-purple-950);
  }
}
@media (hover: hover){
  .hover\:ring-red-50:hover{
      --tw-ring-color: var(--color-red-50);
  }
}
@media (hover: hover){
  .hover\:ring-red-100:hover{
      --tw-ring-color: var(--color-red-100);
  }
}
@media (hover: hover){
  .hover\:ring-red-200:hover{
      --tw-ring-color: var(--color-red-200);
  }
}
@media (hover: hover){
  .hover\:ring-red-300:hover{
      --tw-ring-color: var(--color-red-300);
  }
}
@media (hover: hover){
  .hover\:ring-red-400:hover{
      --tw-ring-color: var(--color-red-400);
  }
}
@media (hover: hover){
  .hover\:ring-red-500:hover{
      --tw-ring-color: var(--color-red-500);
  }
}
@media (hover: hover){
  .hover\:ring-red-600:hover{
      --tw-ring-color: var(--color-red-600);
  }
}
@media (hover: hover){
  .hover\:ring-red-700:hover{
      --tw-ring-color: var(--color-red-700);
  }
}
@media (hover: hover){
  .hover\:ring-red-800:hover{
      --tw-ring-color: var(--color-red-800);
  }
}
@media (hover: hover){
  .hover\:ring-red-900:hover{
      --tw-ring-color: var(--color-red-900);
  }
}
@media (hover: hover){
  .hover\:ring-red-950:hover{
      --tw-ring-color: var(--color-red-950);
  }
}
@media (hover: hover){
  .hover\:ring-rose-50:hover{
      --tw-ring-color: var(--color-rose-50);
  }
}
@media (hover: hover){
  .hover\:ring-rose-100:hover{
      --tw-ring-color: var(--color-rose-100);
  }
}
@media (hover: hover){
  .hover\:ring-rose-200:hover{
      --tw-ring-color: var(--color-rose-200);
  }
}
@media (hover: hover){
  .hover\:ring-rose-300:hover{
      --tw-ring-color: var(--color-rose-300);
  }
}
@media (hover: hover){
  .hover\:ring-rose-400:hover{
      --tw-ring-color: var(--color-rose-400);
  }
}
@media (hover: hover){
  .hover\:ring-rose-500:hover{
      --tw-ring-color: var(--color-rose-500);
  }
}
@media (hover: hover){
  .hover\:ring-rose-600:hover{
      --tw-ring-color: var(--color-rose-600);
  }
}
@media (hover: hover){
  .hover\:ring-rose-700:hover{
      --tw-ring-color: var(--color-rose-700);
  }
}
@media (hover: hover){
  .hover\:ring-rose-800:hover{
      --tw-ring-color: var(--color-rose-800);
  }
}
@media (hover: hover){
  .hover\:ring-rose-900:hover{
      --tw-ring-color: var(--color-rose-900);
  }
}
@media (hover: hover){
  .hover\:ring-rose-950:hover{
      --tw-ring-color: var(--color-rose-950);
  }
}
@media (hover: hover){
  .hover\:ring-sky-50:hover{
      --tw-ring-color: var(--color-sky-50);
  }
}
@media (hover: hover){
  .hover\:ring-sky-100:hover{
      --tw-ring-color: var(--color-sky-100);
  }
}
@media (hover: hover){
  .hover\:ring-sky-200:hover{
      --tw-ring-color: var(--color-sky-200);
  }
}
@media (hover: hover){
  .hover\:ring-sky-300:hover{
      --tw-ring-color: var(--color-sky-300);
  }
}
@media (hover: hover){
  .hover\:ring-sky-400:hover{
      --tw-ring-color: var(--color-sky-400);
  }
}
@media (hover: hover){
  .hover\:ring-sky-500:hover{
      --tw-ring-color: var(--color-sky-500);
  }
}
@media (hover: hover){
  .hover\:ring-sky-600:hover{
      --tw-ring-color: var(--color-sky-600);
  }
}
@media (hover: hover){
  .hover\:ring-sky-700:hover{
      --tw-ring-color: var(--color-sky-700);
  }
}
@media (hover: hover){
  .hover\:ring-sky-800:hover{
      --tw-ring-color: var(--color-sky-800);
  }
}
@media (hover: hover){
  .hover\:ring-sky-900:hover{
      --tw-ring-color: var(--color-sky-900);
  }
}
@media (hover: hover){
  .hover\:ring-sky-950:hover{
      --tw-ring-color: var(--color-sky-950);
  }
}
@media (hover: hover){
  .hover\:ring-slate-50:hover{
      --tw-ring-color: var(--color-slate-50);
  }
}
@media (hover: hover){
  .hover\:ring-slate-100:hover{
      --tw-ring-color: var(--color-slate-100);
  }
}
@media (hover: hover){
  .hover\:ring-slate-200:hover{
      --tw-ring-color: var(--color-slate-200);
  }
}
@media (hover: hover){
  .hover\:ring-slate-300:hover{
      --tw-ring-color: var(--color-slate-300);
  }
}
@media (hover: hover){
  .hover\:ring-slate-400:hover{
      --tw-ring-color: var(--color-slate-400);
  }
}
@media (hover: hover){
  .hover\:ring-slate-500:hover{
      --tw-ring-color: var(--color-slate-500);
  }
}
@media (hover: hover){
  .hover\:ring-slate-600:hover{
      --tw-ring-color: var(--color-slate-600);
  }
}
@media (hover: hover){
  .hover\:ring-slate-700:hover{
      --tw-ring-color: var(--color-slate-700);
  }
}
@media (hover: hover){
  .hover\:ring-slate-800:hover{
      --tw-ring-color: var(--color-slate-800);
  }
}
@media (hover: hover){
  .hover\:ring-slate-900:hover{
      --tw-ring-color: var(--color-slate-900);
  }
}
@media (hover: hover){
  .hover\:ring-slate-950:hover{
      --tw-ring-color: var(--color-slate-950);
  }
}
@media (hover: hover){
  .hover\:ring-teal-50:hover{
      --tw-ring-color: var(--color-teal-50);
  }
}
@media (hover: hover){
  .hover\:ring-teal-100:hover{
      --tw-ring-color: var(--color-teal-100);
  }
}
@media (hover: hover){
  .hover\:ring-teal-200:hover{
      --tw-ring-color: var(--color-teal-200);
  }
}
@media (hover: hover){
  .hover\:ring-teal-300:hover{
      --tw-ring-color: var(--color-teal-300);
  }
}
@media (hover: hover){
  .hover\:ring-teal-400:hover{
      --tw-ring-color: var(--color-teal-400);
  }
}
@media (hover: hover){
  .hover\:ring-teal-500:hover{
      --tw-ring-color: var(--color-teal-500);
  }
}
@media (hover: hover){
  .hover\:ring-teal-600:hover{
      --tw-ring-color: var(--color-teal-600);
  }
}
@media (hover: hover){
  .hover\:ring-teal-700:hover{
      --tw-ring-color: var(--color-teal-700);
  }
}
@media (hover: hover){
  .hover\:ring-teal-800:hover{
      --tw-ring-color: var(--color-teal-800);
  }
}
@media (hover: hover){
  .hover\:ring-teal-900:hover{
      --tw-ring-color: var(--color-teal-900);
  }
}
@media (hover: hover){
  .hover\:ring-teal-950:hover{
      --tw-ring-color: var(--color-teal-950);
  }
}
@media (hover: hover){
  .hover\:ring-violet-50:hover{
      --tw-ring-color: var(--color-violet-50);
  }
}
@media (hover: hover){
  .hover\:ring-violet-100:hover{
      --tw-ring-color: var(--color-violet-100);
  }
}
@media (hover: hover){
  .hover\:ring-violet-200:hover{
      --tw-ring-color: var(--color-violet-200);
  }
}
@media (hover: hover){
  .hover\:ring-violet-300:hover{
      --tw-ring-color: var(--color-violet-300);
  }
}
@media (hover: hover){
  .hover\:ring-violet-400:hover{
      --tw-ring-color: var(--color-violet-400);
  }
}
@media (hover: hover){
  .hover\:ring-violet-500:hover{
      --tw-ring-color: var(--color-violet-500);
  }
}
@media (hover: hover){
  .hover\:ring-violet-600:hover{
      --tw-ring-color: var(--color-violet-600);
  }
}
@media (hover: hover){
  .hover\:ring-violet-700:hover{
      --tw-ring-color: var(--color-violet-700);
  }
}
@media (hover: hover){
  .hover\:ring-violet-800:hover{
      --tw-ring-color: var(--color-violet-800);
  }
}
@media (hover: hover){
  .hover\:ring-violet-900:hover{
      --tw-ring-color: var(--color-violet-900);
  }
}
@media (hover: hover){
  .hover\:ring-violet-950:hover{
      --tw-ring-color: var(--color-violet-950);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-50:hover{
      --tw-ring-color: var(--color-yellow-50);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-100:hover{
      --tw-ring-color: var(--color-yellow-100);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-200:hover{
      --tw-ring-color: var(--color-yellow-200);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-300:hover{
      --tw-ring-color: var(--color-yellow-300);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-400:hover{
      --tw-ring-color: var(--color-yellow-400);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-500:hover{
      --tw-ring-color: var(--color-yellow-500);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-600:hover{
      --tw-ring-color: var(--color-yellow-600);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-700:hover{
      --tw-ring-color: var(--color-yellow-700);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-800:hover{
      --tw-ring-color: var(--color-yellow-800);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-900:hover{
      --tw-ring-color: var(--color-yellow-900);
  }
}
@media (hover: hover){
  .hover\:ring-yellow-950:hover{
      --tw-ring-color: var(--color-yellow-950);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-50:hover{
      --tw-ring-color: var(--color-zinc-50);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-100:hover{
      --tw-ring-color: var(--color-zinc-100);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-200:hover{
      --tw-ring-color: var(--color-zinc-200);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-300:hover{
      --tw-ring-color: var(--color-zinc-300);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-400:hover{
      --tw-ring-color: var(--color-zinc-400);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-500:hover{
      --tw-ring-color: var(--color-zinc-500);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-600:hover{
      --tw-ring-color: var(--color-zinc-600);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-700:hover{
      --tw-ring-color: var(--color-zinc-700);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-800:hover{
      --tw-ring-color: var(--color-zinc-800);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-900:hover{
      --tw-ring-color: var(--color-zinc-900);
  }
}
@media (hover: hover){
  .hover\:ring-zinc-950:hover{
      --tw-ring-color: var(--color-zinc-950);
  }
}
.focus\:border-blue-300:focus{
    border-color: var(--color-blue-300);
}
.focus\:border-gray-300:focus{
    border-color: var(--color-gray-300);
}
.focus\:ring-2:focus{
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-red-500:focus{
    --tw-ring-color: var(--color-red-500);
}
.focus\:outline-none:focus{
    --tw-outline-style: none;
    outline-style: none;
}
.active\:scale-95:active{
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}
@media (width >= 40rem){
  .sm\:inline{
    display: inline;
  }
}
@media (width >= 40rem){
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 48rem){
  .md\:mr-2{
    margin-right: calc(var(--spacing) * 2);
  }
}
@media (width >= 48rem){
  .md\:ml-2{
    margin-left: calc(var(--spacing) * 2);
  }
}
@media (width >= 48rem){
  .md\:h-6{
    height: calc(var(--spacing) * 6);
  }
}
@media (width >= 48rem){
  .md\:w-6{
    width: calc(var(--spacing) * 6);
  }
}
@media (width >= 48rem){
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 48rem){
  .md\:text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
@media (width >= 48rem){
  .md\:text-lg{
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
@media (width >= 48rem){
  .md\:text-sm{
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (width >= 48rem){
  .md\:text-xl{
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media (width >= 48rem){
  .md\:text-xs{
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
@media (width >= 64rem){
  .lg\:ml-2{
    margin-left: calc(var(--spacing) * 2);
  }
}
@media (width >= 64rem){
  .lg\:h-4{
    height: calc(var(--spacing) * 4);
  }
}
@media (width >= 64rem){
  .lg\:h-6{
    height: calc(var(--spacing) * 6);
  }
}
@media (width >= 64rem){
  .lg\:h-20{
    height: calc(var(--spacing) * 20);
  }
}
@media (width >= 64rem){
  .lg\:h-\[44px\]{
    height: 44px;
  }
}
@media (width >= 64rem){
  .lg\:w-20{
    width: calc(var(--spacing) * 20);
  }
}
@media (width >= 64rem){
  .lg\:rounded-\[24px\]{
    border-radius: 24px;
  }
}
@media (width >= 64rem){
  .lg\:p-6{
    padding: calc(var(--spacing) * 6);
  }
}
@media (width >= 64rem){
  .lg\:px-2{
    padding-inline: calc(var(--spacing) * 2);
  }
}
@media (width >= 64rem){
  .lg\:px-6{
    padding-inline: calc(var(--spacing) * 6);
  }
}
@media (width >= 64rem){
  .lg\:py-1\.5{
    padding-block: calc(var(--spacing) * 1.5);
  }
}
@media (width >= 64rem){
  .lg\:py-3{
    padding-block: calc(var(--spacing) * 3);
  }
}
@media (width >= 64rem){
  .lg\:text-3xl{
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
@media (width >= 64rem){
  .lg\:text-base{
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
@media (width >= 64rem){
  .lg\:text-sm{
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (width >= 64rem){
  .lg\:text-xs{
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
@media (width >= 64rem){
  .lg\:text-\[14px\]{
    font-size: 14px;
  }
}
@media (width >= 64rem){
  .lg\:text-\[15px\]{
    font-size: 15px;
  }
}
.dark\:border-amber-50:where(.dark, .dark *){
    border-color: var(--color-amber-50);
}
.dark\:border-amber-100:where(.dark, .dark *){
    border-color: var(--color-amber-100);
}
.dark\:border-amber-200:where(.dark, .dark *){
    border-color: var(--color-amber-200);
}
.dark\:border-amber-300:where(.dark, .dark *){
    border-color: var(--color-amber-300);
}
.dark\:border-amber-400:where(.dark, .dark *){
    border-color: var(--color-amber-400);
}
.dark\:border-amber-500:where(.dark, .dark *){
    border-color: var(--color-amber-500);
}
.dark\:border-amber-600:where(.dark, .dark *){
    border-color: var(--color-amber-600);
}
.dark\:border-amber-700:where(.dark, .dark *){
    border-color: var(--color-amber-700);
}
.dark\:border-amber-800:where(.dark, .dark *){
    border-color: var(--color-amber-800);
}
.dark\:border-amber-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #973c00 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-amber-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
  }
}
.dark\:border-amber-900:where(.dark, .dark *){
    border-color: var(--color-amber-900);
}
.dark\:border-amber-950:where(.dark, .dark *){
    border-color: var(--color-amber-950);
}
.dark\:border-blue-50:where(.dark, .dark *){
    border-color: var(--color-blue-50);
}
.dark\:border-blue-100:where(.dark, .dark *){
    border-color: var(--color-blue-100);
}
.dark\:border-blue-200:where(.dark, .dark *){
    border-color: var(--color-blue-200);
}
.dark\:border-blue-300:where(.dark, .dark *){
    border-color: var(--color-blue-300);
}
.dark\:border-blue-400:where(.dark, .dark *){
    border-color: var(--color-blue-400);
}
.dark\:border-blue-500:where(.dark, .dark *){
    border-color: var(--color-blue-500);
}
.dark\:border-blue-600:where(.dark, .dark *){
    border-color: var(--color-blue-600);
}
.dark\:border-blue-700:where(.dark, .dark *){
    border-color: var(--color-blue-700);
}
.dark\:border-blue-800:where(.dark, .dark *){
    border-color: var(--color-blue-800);
}
.dark\:border-blue-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #193cb8 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-blue-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
  }
}
.dark\:border-blue-900:where(.dark, .dark *){
    border-color: var(--color-blue-900);
}
.dark\:border-blue-950:where(.dark, .dark *){
    border-color: var(--color-blue-950);
}
.dark\:border-cyan-50:where(.dark, .dark *){
    border-color: var(--color-cyan-50);
}
.dark\:border-cyan-100:where(.dark, .dark *){
    border-color: var(--color-cyan-100);
}
.dark\:border-cyan-200:where(.dark, .dark *){
    border-color: var(--color-cyan-200);
}
.dark\:border-cyan-300:where(.dark, .dark *){
    border-color: var(--color-cyan-300);
}
.dark\:border-cyan-400:where(.dark, .dark *){
    border-color: var(--color-cyan-400);
}
.dark\:border-cyan-500:where(.dark, .dark *){
    border-color: var(--color-cyan-500);
}
.dark\:border-cyan-600:where(.dark, .dark *){
    border-color: var(--color-cyan-600);
}
.dark\:border-cyan-700:where(.dark, .dark *){
    border-color: var(--color-cyan-700);
}
.dark\:border-cyan-800:where(.dark, .dark *){
    border-color: var(--color-cyan-800);
}
.dark\:border-cyan-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #005f78 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-cyan-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-cyan-800) 50%, transparent);
  }
}
.dark\:border-cyan-900:where(.dark, .dark *){
    border-color: var(--color-cyan-900);
}
.dark\:border-cyan-950:where(.dark, .dark *){
    border-color: var(--color-cyan-950);
}
.dark\:border-emerald-50:where(.dark, .dark *){
    border-color: var(--color-emerald-50);
}
.dark\:border-emerald-100:where(.dark, .dark *){
    border-color: var(--color-emerald-100);
}
.dark\:border-emerald-200:where(.dark, .dark *){
    border-color: var(--color-emerald-200);
}
.dark\:border-emerald-300:where(.dark, .dark *){
    border-color: var(--color-emerald-300);
}
.dark\:border-emerald-400:where(.dark, .dark *){
    border-color: var(--color-emerald-400);
}
.dark\:border-emerald-500:where(.dark, .dark *){
    border-color: var(--color-emerald-500);
}
.dark\:border-emerald-600:where(.dark, .dark *){
    border-color: var(--color-emerald-600);
}
.dark\:border-emerald-700:where(.dark, .dark *){
    border-color: var(--color-emerald-700);
}
.dark\:border-emerald-800:where(.dark, .dark *){
    border-color: var(--color-emerald-800);
}
.dark\:border-emerald-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #006045 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-emerald-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
  }
}
.dark\:border-emerald-900:where(.dark, .dark *){
    border-color: var(--color-emerald-900);
}
.dark\:border-emerald-950:where(.dark, .dark *){
    border-color: var(--color-emerald-950);
}
.dark\:border-fuchsia-50:where(.dark, .dark *){
    border-color: var(--color-fuchsia-50);
}
.dark\:border-fuchsia-100:where(.dark, .dark *){
    border-color: var(--color-fuchsia-100);
}
.dark\:border-fuchsia-200:where(.dark, .dark *){
    border-color: var(--color-fuchsia-200);
}
.dark\:border-fuchsia-300:where(.dark, .dark *){
    border-color: var(--color-fuchsia-300);
}
.dark\:border-fuchsia-400:where(.dark, .dark *){
    border-color: var(--color-fuchsia-400);
}
.dark\:border-fuchsia-500:where(.dark, .dark *){
    border-color: var(--color-fuchsia-500);
}
.dark\:border-fuchsia-600:where(.dark, .dark *){
    border-color: var(--color-fuchsia-600);
}
.dark\:border-fuchsia-700:where(.dark, .dark *){
    border-color: var(--color-fuchsia-700);
}
.dark\:border-fuchsia-800:where(.dark, .dark *){
    border-color: var(--color-fuchsia-800);
}
.dark\:border-fuchsia-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #8a0194 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-fuchsia-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-fuchsia-800) 50%, transparent);
  }
}
.dark\:border-fuchsia-900:where(.dark, .dark *){
    border-color: var(--color-fuchsia-900);
}
.dark\:border-fuchsia-950:where(.dark, .dark *){
    border-color: var(--color-fuchsia-950);
}
.dark\:border-gray-50:where(.dark, .dark *){
    border-color: var(--color-gray-50);
}
.dark\:border-gray-100:where(.dark, .dark *){
    border-color: var(--color-gray-100);
}
.dark\:border-gray-200:where(.dark, .dark *){
    border-color: var(--color-gray-200);
}
.dark\:border-gray-300:where(.dark, .dark *){
    border-color: var(--color-gray-300);
}
.dark\:border-gray-400:where(.dark, .dark *){
    border-color: var(--color-gray-400);
}
.dark\:border-gray-500:where(.dark, .dark *){
    border-color: var(--color-gray-500);
}
.dark\:border-gray-600:where(.dark, .dark *){
    border-color: var(--color-gray-600);
}
.dark\:border-gray-700:where(.dark, .dark *){
    border-color: var(--color-gray-700);
}
.dark\:border-gray-800:where(.dark, .dark *){
    border-color: var(--color-gray-800);
}
.dark\:border-gray-900:where(.dark, .dark *){
    border-color: var(--color-gray-900);
}
.dark\:border-gray-950:where(.dark, .dark *){
    border-color: var(--color-gray-950);
}
.dark\:border-green-50:where(.dark, .dark *){
    border-color: var(--color-green-50);
}
.dark\:border-green-100:where(.dark, .dark *){
    border-color: var(--color-green-100);
}
.dark\:border-green-200:where(.dark, .dark *){
    border-color: var(--color-green-200);
}
.dark\:border-green-300:where(.dark, .dark *){
    border-color: var(--color-green-300);
}
.dark\:border-green-400:where(.dark, .dark *){
    border-color: var(--color-green-400);
}
.dark\:border-green-500:where(.dark, .dark *){
    border-color: var(--color-green-500);
}
.dark\:border-green-600:where(.dark, .dark *){
    border-color: var(--color-green-600);
}
.dark\:border-green-700:where(.dark, .dark *){
    border-color: var(--color-green-700);
}
.dark\:border-green-800:where(.dark, .dark *){
    border-color: var(--color-green-800);
}
.dark\:border-green-900:where(.dark, .dark *){
    border-color: var(--color-green-900);
}
.dark\:border-green-950:where(.dark, .dark *){
    border-color: var(--color-green-950);
}
.dark\:border-indigo-50:where(.dark, .dark *){
    border-color: var(--color-indigo-50);
}
.dark\:border-indigo-100:where(.dark, .dark *){
    border-color: var(--color-indigo-100);
}
.dark\:border-indigo-200:where(.dark, .dark *){
    border-color: var(--color-indigo-200);
}
.dark\:border-indigo-300:where(.dark, .dark *){
    border-color: var(--color-indigo-300);
}
.dark\:border-indigo-400:where(.dark, .dark *){
    border-color: var(--color-indigo-400);
}
.dark\:border-indigo-500:where(.dark, .dark *){
    border-color: var(--color-indigo-500);
}
.dark\:border-indigo-600:where(.dark, .dark *){
    border-color: var(--color-indigo-600);
}
.dark\:border-indigo-700:where(.dark, .dark *){
    border-color: var(--color-indigo-700);
}
.dark\:border-indigo-800:where(.dark, .dark *){
    border-color: var(--color-indigo-800);
}
.dark\:border-indigo-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #372aac 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-indigo-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
  }
}
.dark\:border-indigo-900:where(.dark, .dark *){
    border-color: var(--color-indigo-900);
}
.dark\:border-indigo-950:where(.dark, .dark *){
    border-color: var(--color-indigo-950);
}
.dark\:border-lime-50:where(.dark, .dark *){
    border-color: var(--color-lime-50);
}
.dark\:border-lime-100:where(.dark, .dark *){
    border-color: var(--color-lime-100);
}
.dark\:border-lime-200:where(.dark, .dark *){
    border-color: var(--color-lime-200);
}
.dark\:border-lime-300:where(.dark, .dark *){
    border-color: var(--color-lime-300);
}
.dark\:border-lime-400:where(.dark, .dark *){
    border-color: var(--color-lime-400);
}
.dark\:border-lime-500:where(.dark, .dark *){
    border-color: var(--color-lime-500);
}
.dark\:border-lime-600:where(.dark, .dark *){
    border-color: var(--color-lime-600);
}
.dark\:border-lime-700:where(.dark, .dark *){
    border-color: var(--color-lime-700);
}
.dark\:border-lime-800:where(.dark, .dark *){
    border-color: var(--color-lime-800);
}
.dark\:border-lime-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #3c6300 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-lime-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-lime-800) 50%, transparent);
  }
}
.dark\:border-lime-900:where(.dark, .dark *){
    border-color: var(--color-lime-900);
}
.dark\:border-lime-950:where(.dark, .dark *){
    border-color: var(--color-lime-950);
}
.dark\:border-orange-50:where(.dark, .dark *){
    border-color: var(--color-orange-50);
}
.dark\:border-orange-100:where(.dark, .dark *){
    border-color: var(--color-orange-100);
}
.dark\:border-orange-200:where(.dark, .dark *){
    border-color: var(--color-orange-200);
}
.dark\:border-orange-300:where(.dark, .dark *){
    border-color: var(--color-orange-300);
}
.dark\:border-orange-400:where(.dark, .dark *){
    border-color: var(--color-orange-400);
}
.dark\:border-orange-500:where(.dark, .dark *){
    border-color: var(--color-orange-500);
}
.dark\:border-orange-600:where(.dark, .dark *){
    border-color: var(--color-orange-600);
}
.dark\:border-orange-700:where(.dark, .dark *){
    border-color: var(--color-orange-700);
}
.dark\:border-orange-800:where(.dark, .dark *){
    border-color: var(--color-orange-800);
}
.dark\:border-orange-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #9f2d00 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-orange-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
  }
}
.dark\:border-orange-900:where(.dark, .dark *){
    border-color: var(--color-orange-900);
}
.dark\:border-orange-950:where(.dark, .dark *){
    border-color: var(--color-orange-950);
}
.dark\:border-pink-50:where(.dark, .dark *){
    border-color: var(--color-pink-50);
}
.dark\:border-pink-100:where(.dark, .dark *){
    border-color: var(--color-pink-100);
}
.dark\:border-pink-200:where(.dark, .dark *){
    border-color: var(--color-pink-200);
}
.dark\:border-pink-300:where(.dark, .dark *){
    border-color: var(--color-pink-300);
}
.dark\:border-pink-400:where(.dark, .dark *){
    border-color: var(--color-pink-400);
}
.dark\:border-pink-500:where(.dark, .dark *){
    border-color: var(--color-pink-500);
}
.dark\:border-pink-600:where(.dark, .dark *){
    border-color: var(--color-pink-600);
}
.dark\:border-pink-700:where(.dark, .dark *){
    border-color: var(--color-pink-700);
}
.dark\:border-pink-800:where(.dark, .dark *){
    border-color: var(--color-pink-800);
}
.dark\:border-pink-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #a3004c 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-pink-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-pink-800) 50%, transparent);
  }
}
.dark\:border-pink-900:where(.dark, .dark *){
    border-color: var(--color-pink-900);
}
.dark\:border-pink-950:where(.dark, .dark *){
    border-color: var(--color-pink-950);
}
.dark\:border-purple-50:where(.dark, .dark *){
    border-color: var(--color-purple-50);
}
.dark\:border-purple-100:where(.dark, .dark *){
    border-color: var(--color-purple-100);
}
.dark\:border-purple-200:where(.dark, .dark *){
    border-color: var(--color-purple-200);
}
.dark\:border-purple-300:where(.dark, .dark *){
    border-color: var(--color-purple-300);
}
.dark\:border-purple-400:where(.dark, .dark *){
    border-color: var(--color-purple-400);
}
.dark\:border-purple-500:where(.dark, .dark *){
    border-color: var(--color-purple-500);
}
.dark\:border-purple-600:where(.dark, .dark *){
    border-color: var(--color-purple-600);
}
.dark\:border-purple-700:where(.dark, .dark *){
    border-color: var(--color-purple-700);
}
.dark\:border-purple-800:where(.dark, .dark *){
    border-color: var(--color-purple-800);
}
.dark\:border-purple-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #6e11b0 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-purple-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-purple-800) 50%, transparent);
  }
}
.dark\:border-purple-900:where(.dark, .dark *){
    border-color: var(--color-purple-900);
}
.dark\:border-purple-900\/30:where(.dark, .dark *){
    border-color: color-mix(in srgb, #59168b 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-purple-900\/30:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
  }
}
.dark\:border-purple-950:where(.dark, .dark *){
    border-color: var(--color-purple-950);
}
.dark\:border-red-50:where(.dark, .dark *){
    border-color: var(--color-red-50);
}
.dark\:border-red-100:where(.dark, .dark *){
    border-color: var(--color-red-100);
}
.dark\:border-red-200:where(.dark, .dark *){
    border-color: var(--color-red-200);
}
.dark\:border-red-300:where(.dark, .dark *){
    border-color: var(--color-red-300);
}
.dark\:border-red-400:where(.dark, .dark *){
    border-color: var(--color-red-400);
}
.dark\:border-red-500:where(.dark, .dark *){
    border-color: var(--color-red-500);
}
.dark\:border-red-600:where(.dark, .dark *){
    border-color: var(--color-red-600);
}
.dark\:border-red-700:where(.dark, .dark *){
    border-color: var(--color-red-700);
}
.dark\:border-red-800:where(.dark, .dark *){
    border-color: var(--color-red-800);
}
.dark\:border-red-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #9f0712 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-red-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
  }
}
.dark\:border-red-900:where(.dark, .dark *){
    border-color: var(--color-red-900);
}
.dark\:border-red-900\/30:where(.dark, .dark *){
    border-color: color-mix(in srgb, #82181a 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-red-900\/30:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
  }
}
.dark\:border-red-900\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #82181a 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-red-900\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
  }
}
.dark\:border-red-950:where(.dark, .dark *){
    border-color: var(--color-red-950);
}
.dark\:border-rose-50:where(.dark, .dark *){
    border-color: var(--color-rose-50);
}
.dark\:border-rose-100:where(.dark, .dark *){
    border-color: var(--color-rose-100);
}
.dark\:border-rose-200:where(.dark, .dark *){
    border-color: var(--color-rose-200);
}
.dark\:border-rose-300:where(.dark, .dark *){
    border-color: var(--color-rose-300);
}
.dark\:border-rose-400:where(.dark, .dark *){
    border-color: var(--color-rose-400);
}
.dark\:border-rose-500:where(.dark, .dark *){
    border-color: var(--color-rose-500);
}
.dark\:border-rose-600:where(.dark, .dark *){
    border-color: var(--color-rose-600);
}
.dark\:border-rose-700:where(.dark, .dark *){
    border-color: var(--color-rose-700);
}
.dark\:border-rose-800:where(.dark, .dark *){
    border-color: var(--color-rose-800);
}
.dark\:border-rose-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #a50036 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-rose-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
  }
}
.dark\:border-rose-900:where(.dark, .dark *){
    border-color: var(--color-rose-900);
}
.dark\:border-rose-950:where(.dark, .dark *){
    border-color: var(--color-rose-950);
}
.dark\:border-sky-50:where(.dark, .dark *){
    border-color: var(--color-sky-50);
}
.dark\:border-sky-100:where(.dark, .dark *){
    border-color: var(--color-sky-100);
}
.dark\:border-sky-200:where(.dark, .dark *){
    border-color: var(--color-sky-200);
}
.dark\:border-sky-300:where(.dark, .dark *){
    border-color: var(--color-sky-300);
}
.dark\:border-sky-400:where(.dark, .dark *){
    border-color: var(--color-sky-400);
}
.dark\:border-sky-500:where(.dark, .dark *){
    border-color: var(--color-sky-500);
}
.dark\:border-sky-600:where(.dark, .dark *){
    border-color: var(--color-sky-600);
}
.dark\:border-sky-700:where(.dark, .dark *){
    border-color: var(--color-sky-700);
}
.dark\:border-sky-800:where(.dark, .dark *){
    border-color: var(--color-sky-800);
}
.dark\:border-sky-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #00598a 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-sky-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
  }
}
.dark\:border-sky-900:where(.dark, .dark *){
    border-color: var(--color-sky-900);
}
.dark\:border-sky-950:where(.dark, .dark *){
    border-color: var(--color-sky-950);
}
.dark\:border-slate-50:where(.dark, .dark *){
    border-color: var(--color-slate-50);
}
.dark\:border-slate-100:where(.dark, .dark *){
    border-color: var(--color-slate-100);
}
.dark\:border-slate-200:where(.dark, .dark *){
    border-color: var(--color-slate-200);
}
.dark\:border-slate-300:where(.dark, .dark *){
    border-color: var(--color-slate-300);
}
.dark\:border-slate-400:where(.dark, .dark *){
    border-color: var(--color-slate-400);
}
.dark\:border-slate-500:where(.dark, .dark *){
    border-color: var(--color-slate-500);
}
.dark\:border-slate-600:where(.dark, .dark *){
    border-color: var(--color-slate-600);
}
.dark\:border-slate-700:where(.dark, .dark *){
    border-color: var(--color-slate-700);
}
.dark\:border-slate-800:where(.dark, .dark *){
    border-color: var(--color-slate-800);
}
.dark\:border-slate-900:where(.dark, .dark *){
    border-color: var(--color-slate-900);
}
.dark\:border-slate-950:where(.dark, .dark *){
    border-color: var(--color-slate-950);
}
.dark\:border-stone-700:where(.dark, .dark *){
    border-color: var(--color-stone-700);
}
.dark\:border-teal-50:where(.dark, .dark *){
    border-color: var(--color-teal-50);
}
.dark\:border-teal-100:where(.dark, .dark *){
    border-color: var(--color-teal-100);
}
.dark\:border-teal-200:where(.dark, .dark *){
    border-color: var(--color-teal-200);
}
.dark\:border-teal-300:where(.dark, .dark *){
    border-color: var(--color-teal-300);
}
.dark\:border-teal-400:where(.dark, .dark *){
    border-color: var(--color-teal-400);
}
.dark\:border-teal-500:where(.dark, .dark *){
    border-color: var(--color-teal-500);
}
.dark\:border-teal-600:where(.dark, .dark *){
    border-color: var(--color-teal-600);
}
.dark\:border-teal-700:where(.dark, .dark *){
    border-color: var(--color-teal-700);
}
.dark\:border-teal-800:where(.dark, .dark *){
    border-color: var(--color-teal-800);
}
.dark\:border-teal-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #005f5a 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-teal-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-teal-800) 50%, transparent);
  }
}
.dark\:border-teal-900:where(.dark, .dark *){
    border-color: var(--color-teal-900);
}
.dark\:border-teal-950:where(.dark, .dark *){
    border-color: var(--color-teal-950);
}
.dark\:border-violet-50:where(.dark, .dark *){
    border-color: var(--color-violet-50);
}
.dark\:border-violet-100:where(.dark, .dark *){
    border-color: var(--color-violet-100);
}
.dark\:border-violet-200:where(.dark, .dark *){
    border-color: var(--color-violet-200);
}
.dark\:border-violet-300:where(.dark, .dark *){
    border-color: var(--color-violet-300);
}
.dark\:border-violet-400:where(.dark, .dark *){
    border-color: var(--color-violet-400);
}
.dark\:border-violet-500:where(.dark, .dark *){
    border-color: var(--color-violet-500);
}
.dark\:border-violet-600:where(.dark, .dark *){
    border-color: var(--color-violet-600);
}
.dark\:border-violet-700:where(.dark, .dark *){
    border-color: var(--color-violet-700);
}
.dark\:border-violet-800:where(.dark, .dark *){
    border-color: var(--color-violet-800);
}
.dark\:border-violet-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #5d0ec0 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-violet-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
  }
}
.dark\:border-violet-900:where(.dark, .dark *){
    border-color: var(--color-violet-900);
}
.dark\:border-violet-950:where(.dark, .dark *){
    border-color: var(--color-violet-950);
}
.dark\:border-yellow-50:where(.dark, .dark *){
    border-color: var(--color-yellow-50);
}
.dark\:border-yellow-100:where(.dark, .dark *){
    border-color: var(--color-yellow-100);
}
.dark\:border-yellow-200:where(.dark, .dark *){
    border-color: var(--color-yellow-200);
}
.dark\:border-yellow-300:where(.dark, .dark *){
    border-color: var(--color-yellow-300);
}
.dark\:border-yellow-400:where(.dark, .dark *){
    border-color: var(--color-yellow-400);
}
.dark\:border-yellow-500:where(.dark, .dark *){
    border-color: var(--color-yellow-500);
}
.dark\:border-yellow-600:where(.dark, .dark *){
    border-color: var(--color-yellow-600);
}
.dark\:border-yellow-700:where(.dark, .dark *){
    border-color: var(--color-yellow-700);
}
.dark\:border-yellow-800:where(.dark, .dark *){
    border-color: var(--color-yellow-800);
}
.dark\:border-yellow-800\/50:where(.dark, .dark *){
    border-color: color-mix(in srgb, #894b00 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:border-yellow-800\/50:where(.dark, .dark *){
      border-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent);
  }
}
.dark\:border-yellow-900:where(.dark, .dark *){
    border-color: var(--color-yellow-900);
}
.dark\:border-yellow-950:where(.dark, .dark *){
    border-color: var(--color-yellow-950);
}
.dark\:border-zinc-50:where(.dark, .dark *){
    border-color: var(--color-zinc-50);
}
.dark\:border-zinc-100:where(.dark, .dark *){
    border-color: var(--color-zinc-100);
}
.dark\:border-zinc-200:where(.dark, .dark *){
    border-color: var(--color-zinc-200);
}
.dark\:border-zinc-300:where(.dark, .dark *){
    border-color: var(--color-zinc-300);
}
.dark\:border-zinc-400:where(.dark, .dark *){
    border-color: var(--color-zinc-400);
}
.dark\:border-zinc-500:where(.dark, .dark *){
    border-color: var(--color-zinc-500);
}
.dark\:border-zinc-600:where(.dark, .dark *){
    border-color: var(--color-zinc-600);
}
.dark\:border-zinc-700:where(.dark, .dark *){
    border-color: var(--color-zinc-700);
}
.dark\:border-zinc-800:where(.dark, .dark *){
    border-color: var(--color-zinc-800);
}
.dark\:border-zinc-900:where(.dark, .dark *){
    border-color: var(--color-zinc-900);
}
.dark\:border-zinc-950:where(.dark, .dark *){
    border-color: var(--color-zinc-950);
}
.dark\:bg-\[\#090a0c\]:where(.dark, .dark *){
    background-color: #090a0c;
}
.dark\:bg-\[\#13151a\]:where(.dark, .dark *){
    background-color: #13151a;
}
.dark\:bg-amber-50:where(.dark, .dark *){
    background-color: var(--color-amber-50);
}
.dark\:bg-amber-100:where(.dark, .dark *){
    background-color: var(--color-amber-100);
}
.dark\:bg-amber-200:where(.dark, .dark *){
    background-color: var(--color-amber-200);
}
.dark\:bg-amber-300:where(.dark, .dark *){
    background-color: var(--color-amber-300);
}
.dark\:bg-amber-400:where(.dark, .dark *){
    background-color: var(--color-amber-400);
}
.dark\:bg-amber-500:where(.dark, .dark *){
    background-color: var(--color-amber-500);
}
.dark\:bg-amber-600:where(.dark, .dark *){
    background-color: var(--color-amber-600);
}
.dark\:bg-amber-700:where(.dark, .dark *){
    background-color: var(--color-amber-700);
}
.dark\:bg-amber-800:where(.dark, .dark *){
    background-color: var(--color-amber-800);
}
.dark\:bg-amber-900:where(.dark, .dark *){
    background-color: var(--color-amber-900);
}
.dark\:bg-amber-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #7b3306 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-amber-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
  }
}
.dark\:bg-amber-950:where(.dark, .dark *){
    background-color: var(--color-amber-950);
}
.dark\:bg-black\/60:where(.dark, .dark *){
    background-color: color-mix(in srgb, #000 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-black\/60:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
.dark\:bg-blue-50:where(.dark, .dark *){
    background-color: var(--color-blue-50);
}
.dark\:bg-blue-100:where(.dark, .dark *){
    background-color: var(--color-blue-100);
}
.dark\:bg-blue-200:where(.dark, .dark *){
    background-color: var(--color-blue-200);
}
.dark\:bg-blue-300:where(.dark, .dark *){
    background-color: var(--color-blue-300);
}
.dark\:bg-blue-400:where(.dark, .dark *){
    background-color: var(--color-blue-400);
}
.dark\:bg-blue-500:where(.dark, .dark *){
    background-color: var(--color-blue-500);
}
.dark\:bg-blue-600:where(.dark, .dark *){
    background-color: var(--color-blue-600);
}
.dark\:bg-blue-700:where(.dark, .dark *){
    background-color: var(--color-blue-700);
}
.dark\:bg-blue-800:where(.dark, .dark *){
    background-color: var(--color-blue-800);
}
.dark\:bg-blue-900:where(.dark, .dark *){
    background-color: var(--color-blue-900);
}
.dark\:bg-blue-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1c398e 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-blue-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
  }
}
.dark\:bg-blue-900\/30:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1c398e 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-blue-900\/30:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
  }
}
.dark\:bg-blue-950:where(.dark, .dark *){
    background-color: var(--color-blue-950);
}
.dark\:bg-cyan-50:where(.dark, .dark *){
    background-color: var(--color-cyan-50);
}
.dark\:bg-cyan-100:where(.dark, .dark *){
    background-color: var(--color-cyan-100);
}
.dark\:bg-cyan-200:where(.dark, .dark *){
    background-color: var(--color-cyan-200);
}
.dark\:bg-cyan-300:where(.dark, .dark *){
    background-color: var(--color-cyan-300);
}
.dark\:bg-cyan-400:where(.dark, .dark *){
    background-color: var(--color-cyan-400);
}
.dark\:bg-cyan-500:where(.dark, .dark *){
    background-color: var(--color-cyan-500);
}
.dark\:bg-cyan-600:where(.dark, .dark *){
    background-color: var(--color-cyan-600);
}
.dark\:bg-cyan-700:where(.dark, .dark *){
    background-color: var(--color-cyan-700);
}
.dark\:bg-cyan-800:where(.dark, .dark *){
    background-color: var(--color-cyan-800);
}
.dark\:bg-cyan-900:where(.dark, .dark *){
    background-color: var(--color-cyan-900);
}
.dark\:bg-cyan-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #104e64 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-cyan-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
  }
}
.dark\:bg-cyan-950:where(.dark, .dark *){
    background-color: var(--color-cyan-950);
}
.dark\:bg-emerald-50:where(.dark, .dark *){
    background-color: var(--color-emerald-50);
}
.dark\:bg-emerald-100:where(.dark, .dark *){
    background-color: var(--color-emerald-100);
}
.dark\:bg-emerald-200:where(.dark, .dark *){
    background-color: var(--color-emerald-200);
}
.dark\:bg-emerald-300:where(.dark, .dark *){
    background-color: var(--color-emerald-300);
}
.dark\:bg-emerald-400:where(.dark, .dark *){
    background-color: var(--color-emerald-400);
}
.dark\:bg-emerald-500:where(.dark, .dark *){
    background-color: var(--color-emerald-500);
}
.dark\:bg-emerald-600:where(.dark, .dark *){
    background-color: var(--color-emerald-600);
}
.dark\:bg-emerald-700:where(.dark, .dark *){
    background-color: var(--color-emerald-700);
}
.dark\:bg-emerald-800:where(.dark, .dark *){
    background-color: var(--color-emerald-800);
}
.dark\:bg-emerald-900:where(.dark, .dark *){
    background-color: var(--color-emerald-900);
}
.dark\:bg-emerald-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #004f3b 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-emerald-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
  }
}
.dark\:bg-emerald-950:where(.dark, .dark *){
    background-color: var(--color-emerald-950);
}
.dark\:bg-fuchsia-50:where(.dark, .dark *){
    background-color: var(--color-fuchsia-50);
}
.dark\:bg-fuchsia-100:where(.dark, .dark *){
    background-color: var(--color-fuchsia-100);
}
.dark\:bg-fuchsia-200:where(.dark, .dark *){
    background-color: var(--color-fuchsia-200);
}
.dark\:bg-fuchsia-300:where(.dark, .dark *){
    background-color: var(--color-fuchsia-300);
}
.dark\:bg-fuchsia-400:where(.dark, .dark *){
    background-color: var(--color-fuchsia-400);
}
.dark\:bg-fuchsia-500:where(.dark, .dark *){
    background-color: var(--color-fuchsia-500);
}
.dark\:bg-fuchsia-600:where(.dark, .dark *){
    background-color: var(--color-fuchsia-600);
}
.dark\:bg-fuchsia-700:where(.dark, .dark *){
    background-color: var(--color-fuchsia-700);
}
.dark\:bg-fuchsia-800:where(.dark, .dark *){
    background-color: var(--color-fuchsia-800);
}
.dark\:bg-fuchsia-900:where(.dark, .dark *){
    background-color: var(--color-fuchsia-900);
}
.dark\:bg-fuchsia-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #721378 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-fuchsia-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
  }
}
.dark\:bg-fuchsia-950:where(.dark, .dark *){
    background-color: var(--color-fuchsia-950);
}
.dark\:bg-gray-50:where(.dark, .dark *){
    background-color: var(--color-gray-50);
}
.dark\:bg-gray-100:where(.dark, .dark *){
    background-color: var(--color-gray-100);
}
.dark\:bg-gray-200:where(.dark, .dark *){
    background-color: var(--color-gray-200);
}
.dark\:bg-gray-300:where(.dark, .dark *){
    background-color: var(--color-gray-300);
}
.dark\:bg-gray-400:where(.dark, .dark *){
    background-color: var(--color-gray-400);
}
.dark\:bg-gray-500:where(.dark, .dark *){
    background-color: var(--color-gray-500);
}
.dark\:bg-gray-600:where(.dark, .dark *){
    background-color: var(--color-gray-600);
}
.dark\:bg-gray-700:where(.dark, .dark *){
    background-color: var(--color-gray-700);
}
.dark\:bg-gray-800:where(.dark, .dark *){
    background-color: var(--color-gray-800);
}
.dark\:bg-gray-800\/50:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1e2939 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-gray-800\/50:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
  }
}
.dark\:bg-gray-800\/80:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1e2939 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-gray-800\/80:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
  }
}
.dark\:bg-gray-800\/90:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1e2939 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-gray-800\/90:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
  }
}
.dark\:bg-gray-900:where(.dark, .dark *){
    background-color: var(--color-gray-900);
}
.dark\:bg-gray-900\/50:where(.dark, .dark *){
    background-color: color-mix(in srgb, #101828 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-gray-900\/50:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
  }
}
.dark\:bg-gray-900\/60:where(.dark, .dark *){
    background-color: color-mix(in srgb, #101828 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-gray-900\/60:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
  }
}
.dark\:bg-gray-950:where(.dark, .dark *){
    background-color: var(--color-gray-950);
}
.dark\:bg-green-50:where(.dark, .dark *){
    background-color: var(--color-green-50);
}
.dark\:bg-green-100:where(.dark, .dark *){
    background-color: var(--color-green-100);
}
.dark\:bg-green-200:where(.dark, .dark *){
    background-color: var(--color-green-200);
}
.dark\:bg-green-300:where(.dark, .dark *){
    background-color: var(--color-green-300);
}
.dark\:bg-green-400:where(.dark, .dark *){
    background-color: var(--color-green-400);
}
.dark\:bg-green-500:where(.dark, .dark *){
    background-color: var(--color-green-500);
}
.dark\:bg-green-600:where(.dark, .dark *){
    background-color: var(--color-green-600);
}
.dark\:bg-green-700:where(.dark, .dark *){
    background-color: var(--color-green-700);
}
.dark\:bg-green-800:where(.dark, .dark *){
    background-color: var(--color-green-800);
}
.dark\:bg-green-900:where(.dark, .dark *){
    background-color: var(--color-green-900);
}
.dark\:bg-green-950:where(.dark, .dark *){
    background-color: var(--color-green-950);
}
.dark\:bg-indigo-50:where(.dark, .dark *){
    background-color: var(--color-indigo-50);
}
.dark\:bg-indigo-100:where(.dark, .dark *){
    background-color: var(--color-indigo-100);
}
.dark\:bg-indigo-200:where(.dark, .dark *){
    background-color: var(--color-indigo-200);
}
.dark\:bg-indigo-300:where(.dark, .dark *){
    background-color: var(--color-indigo-300);
}
.dark\:bg-indigo-400:where(.dark, .dark *){
    background-color: var(--color-indigo-400);
}
.dark\:bg-indigo-500:where(.dark, .dark *){
    background-color: var(--color-indigo-500);
}
.dark\:bg-indigo-600:where(.dark, .dark *){
    background-color: var(--color-indigo-600);
}
.dark\:bg-indigo-700:where(.dark, .dark *){
    background-color: var(--color-indigo-700);
}
.dark\:bg-indigo-800:where(.dark, .dark *){
    background-color: var(--color-indigo-800);
}
.dark\:bg-indigo-900:where(.dark, .dark *){
    background-color: var(--color-indigo-900);
}
.dark\:bg-indigo-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #312c85 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-indigo-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
  }
}
.dark\:bg-indigo-900\/30:where(.dark, .dark *){
    background-color: color-mix(in srgb, #312c85 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-indigo-900\/30:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
  }
}
.dark\:bg-indigo-950:where(.dark, .dark *){
    background-color: var(--color-indigo-950);
}
.dark\:bg-lime-50:where(.dark, .dark *){
    background-color: var(--color-lime-50);
}
.dark\:bg-lime-100:where(.dark, .dark *){
    background-color: var(--color-lime-100);
}
.dark\:bg-lime-200:where(.dark, .dark *){
    background-color: var(--color-lime-200);
}
.dark\:bg-lime-300:where(.dark, .dark *){
    background-color: var(--color-lime-300);
}
.dark\:bg-lime-400:where(.dark, .dark *){
    background-color: var(--color-lime-400);
}
.dark\:bg-lime-500:where(.dark, .dark *){
    background-color: var(--color-lime-500);
}
.dark\:bg-lime-600:where(.dark, .dark *){
    background-color: var(--color-lime-600);
}
.dark\:bg-lime-700:where(.dark, .dark *){
    background-color: var(--color-lime-700);
}
.dark\:bg-lime-800:where(.dark, .dark *){
    background-color: var(--color-lime-800);
}
.dark\:bg-lime-900:where(.dark, .dark *){
    background-color: var(--color-lime-900);
}
.dark\:bg-lime-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #35530e 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-lime-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-lime-900) 20%, transparent);
  }
}
.dark\:bg-lime-950:where(.dark, .dark *){
    background-color: var(--color-lime-950);
}
.dark\:bg-orange-50:where(.dark, .dark *){
    background-color: var(--color-orange-50);
}
.dark\:bg-orange-100:where(.dark, .dark *){
    background-color: var(--color-orange-100);
}
.dark\:bg-orange-200:where(.dark, .dark *){
    background-color: var(--color-orange-200);
}
.dark\:bg-orange-300:where(.dark, .dark *){
    background-color: var(--color-orange-300);
}
.dark\:bg-orange-400:where(.dark, .dark *){
    background-color: var(--color-orange-400);
}
.dark\:bg-orange-500:where(.dark, .dark *){
    background-color: var(--color-orange-500);
}
.dark\:bg-orange-600:where(.dark, .dark *){
    background-color: var(--color-orange-600);
}
.dark\:bg-orange-700:where(.dark, .dark *){
    background-color: var(--color-orange-700);
}
.dark\:bg-orange-800:where(.dark, .dark *){
    background-color: var(--color-orange-800);
}
.dark\:bg-orange-900:where(.dark, .dark *){
    background-color: var(--color-orange-900);
}
.dark\:bg-orange-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #7e2a0c 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-orange-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
  }
}
.dark\:bg-orange-950:where(.dark, .dark *){
    background-color: var(--color-orange-950);
}
.dark\:bg-pink-50:where(.dark, .dark *){
    background-color: var(--color-pink-50);
}
.dark\:bg-pink-100:where(.dark, .dark *){
    background-color: var(--color-pink-100);
}
.dark\:bg-pink-200:where(.dark, .dark *){
    background-color: var(--color-pink-200);
}
.dark\:bg-pink-300:where(.dark, .dark *){
    background-color: var(--color-pink-300);
}
.dark\:bg-pink-400:where(.dark, .dark *){
    background-color: var(--color-pink-400);
}
.dark\:bg-pink-500:where(.dark, .dark *){
    background-color: var(--color-pink-500);
}
.dark\:bg-pink-600:where(.dark, .dark *){
    background-color: var(--color-pink-600);
}
.dark\:bg-pink-700:where(.dark, .dark *){
    background-color: var(--color-pink-700);
}
.dark\:bg-pink-800:where(.dark, .dark *){
    background-color: var(--color-pink-800);
}
.dark\:bg-pink-900:where(.dark, .dark *){
    background-color: var(--color-pink-900);
}
.dark\:bg-pink-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #861043 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-pink-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
  }
}
.dark\:bg-pink-950:where(.dark, .dark *){
    background-color: var(--color-pink-950);
}
.dark\:bg-purple-50:where(.dark, .dark *){
    background-color: var(--color-purple-50);
}
.dark\:bg-purple-100:where(.dark, .dark *){
    background-color: var(--color-purple-100);
}
.dark\:bg-purple-200:where(.dark, .dark *){
    background-color: var(--color-purple-200);
}
.dark\:bg-purple-300:where(.dark, .dark *){
    background-color: var(--color-purple-300);
}
.dark\:bg-purple-400:where(.dark, .dark *){
    background-color: var(--color-purple-400);
}
.dark\:bg-purple-500:where(.dark, .dark *){
    background-color: var(--color-purple-500);
}
.dark\:bg-purple-600:where(.dark, .dark *){
    background-color: var(--color-purple-600);
}
.dark\:bg-purple-700:where(.dark, .dark *){
    background-color: var(--color-purple-700);
}
.dark\:bg-purple-800:where(.dark, .dark *){
    background-color: var(--color-purple-800);
}
.dark\:bg-purple-900:where(.dark, .dark *){
    background-color: var(--color-purple-900);
}
.dark\:bg-purple-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #59168b 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-purple-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
  }
}
.dark\:bg-purple-900\/30:where(.dark, .dark *){
    background-color: color-mix(in srgb, #59168b 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-purple-900\/30:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
  }
}
.dark\:bg-purple-950:where(.dark, .dark *){
    background-color: var(--color-purple-950);
}
.dark\:bg-red-50:where(.dark, .dark *){
    background-color: var(--color-red-50);
}
.dark\:bg-red-100:where(.dark, .dark *){
    background-color: var(--color-red-100);
}
.dark\:bg-red-200:where(.dark, .dark *){
    background-color: var(--color-red-200);
}
.dark\:bg-red-300:where(.dark, .dark *){
    background-color: var(--color-red-300);
}
.dark\:bg-red-400:where(.dark, .dark *){
    background-color: var(--color-red-400);
}
.dark\:bg-red-500:where(.dark, .dark *){
    background-color: var(--color-red-500);
}
.dark\:bg-red-600:where(.dark, .dark *){
    background-color: var(--color-red-600);
}
.dark\:bg-red-700:where(.dark, .dark *){
    background-color: var(--color-red-700);
}
.dark\:bg-red-800:where(.dark, .dark *){
    background-color: var(--color-red-800);
}
.dark\:bg-red-900:where(.dark, .dark *){
    background-color: var(--color-red-900);
}
.dark\:bg-red-900\/10:where(.dark, .dark *){
    background-color: color-mix(in srgb, #82181a 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-red-900\/10:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
  }
}
.dark\:bg-red-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #82181a 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-red-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
  }
}
.dark\:bg-red-900\/30:where(.dark, .dark *){
    background-color: color-mix(in srgb, #82181a 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-red-900\/30:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
  }
}
.dark\:bg-red-950:where(.dark, .dark *){
    background-color: var(--color-red-950);
}
.dark\:bg-rose-50:where(.dark, .dark *){
    background-color: var(--color-rose-50);
}
.dark\:bg-rose-100:where(.dark, .dark *){
    background-color: var(--color-rose-100);
}
.dark\:bg-rose-200:where(.dark, .dark *){
    background-color: var(--color-rose-200);
}
.dark\:bg-rose-300:where(.dark, .dark *){
    background-color: var(--color-rose-300);
}
.dark\:bg-rose-400:where(.dark, .dark *){
    background-color: var(--color-rose-400);
}
.dark\:bg-rose-500:where(.dark, .dark *){
    background-color: var(--color-rose-500);
}
.dark\:bg-rose-600:where(.dark, .dark *){
    background-color: var(--color-rose-600);
}
.dark\:bg-rose-700:where(.dark, .dark *){
    background-color: var(--color-rose-700);
}
.dark\:bg-rose-800:where(.dark, .dark *){
    background-color: var(--color-rose-800);
}
.dark\:bg-rose-900:where(.dark, .dark *){
    background-color: var(--color-rose-900);
}
.dark\:bg-rose-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #8b0836 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-rose-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
  }
}
.dark\:bg-rose-950:where(.dark, .dark *){
    background-color: var(--color-rose-950);
}
.dark\:bg-sky-50:where(.dark, .dark *){
    background-color: var(--color-sky-50);
}
.dark\:bg-sky-100:where(.dark, .dark *){
    background-color: var(--color-sky-100);
}
.dark\:bg-sky-200:where(.dark, .dark *){
    background-color: var(--color-sky-200);
}
.dark\:bg-sky-300:where(.dark, .dark *){
    background-color: var(--color-sky-300);
}
.dark\:bg-sky-400:where(.dark, .dark *){
    background-color: var(--color-sky-400);
}
.dark\:bg-sky-500:where(.dark, .dark *){
    background-color: var(--color-sky-500);
}
.dark\:bg-sky-600:where(.dark, .dark *){
    background-color: var(--color-sky-600);
}
.dark\:bg-sky-700:where(.dark, .dark *){
    background-color: var(--color-sky-700);
}
.dark\:bg-sky-800:where(.dark, .dark *){
    background-color: var(--color-sky-800);
}
.dark\:bg-sky-900:where(.dark, .dark *){
    background-color: var(--color-sky-900);
}
.dark\:bg-sky-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #024a70 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-sky-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
  }
}
.dark\:bg-sky-950:where(.dark, .dark *){
    background-color: var(--color-sky-950);
}
.dark\:bg-slate-50:where(.dark, .dark *){
    background-color: var(--color-slate-50);
}
.dark\:bg-slate-100:where(.dark, .dark *){
    background-color: var(--color-slate-100);
}
.dark\:bg-slate-200:where(.dark, .dark *){
    background-color: var(--color-slate-200);
}
.dark\:bg-slate-300:where(.dark, .dark *){
    background-color: var(--color-slate-300);
}
.dark\:bg-slate-400:where(.dark, .dark *){
    background-color: var(--color-slate-400);
}
.dark\:bg-slate-500:where(.dark, .dark *){
    background-color: var(--color-slate-500);
}
.dark\:bg-slate-600:where(.dark, .dark *){
    background-color: var(--color-slate-600);
}
.dark\:bg-slate-700:where(.dark, .dark *){
    background-color: var(--color-slate-700);
}
.dark\:bg-slate-800:where(.dark, .dark *){
    background-color: var(--color-slate-800);
}
.dark\:bg-slate-800\/50:where(.dark, .dark *){
    background-color: color-mix(in srgb, #1d293d 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-slate-800\/50:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
  }
}
.dark\:bg-slate-900:where(.dark, .dark *){
    background-color: var(--color-slate-900);
}
.dark\:bg-slate-950:where(.dark, .dark *){
    background-color: var(--color-slate-950);
}
.dark\:bg-stone-800\/50:where(.dark, .dark *){
    background-color: color-mix(in srgb, #292524 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-stone-800\/50:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-stone-800) 50%, transparent);
  }
}
.dark\:bg-teal-50:where(.dark, .dark *){
    background-color: var(--color-teal-50);
}
.dark\:bg-teal-100:where(.dark, .dark *){
    background-color: var(--color-teal-100);
}
.dark\:bg-teal-200:where(.dark, .dark *){
    background-color: var(--color-teal-200);
}
.dark\:bg-teal-300:where(.dark, .dark *){
    background-color: var(--color-teal-300);
}
.dark\:bg-teal-400:where(.dark, .dark *){
    background-color: var(--color-teal-400);
}
.dark\:bg-teal-500:where(.dark, .dark *){
    background-color: var(--color-teal-500);
}
.dark\:bg-teal-600:where(.dark, .dark *){
    background-color: var(--color-teal-600);
}
.dark\:bg-teal-700:where(.dark, .dark *){
    background-color: var(--color-teal-700);
}
.dark\:bg-teal-800:where(.dark, .dark *){
    background-color: var(--color-teal-800);
}
.dark\:bg-teal-900:where(.dark, .dark *){
    background-color: var(--color-teal-900);
}
.dark\:bg-teal-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #0b4f4a 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-teal-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
  }
}
.dark\:bg-teal-950:where(.dark, .dark *){
    background-color: var(--color-teal-950);
}
.dark\:bg-violet-50:where(.dark, .dark *){
    background-color: var(--color-violet-50);
}
.dark\:bg-violet-100:where(.dark, .dark *){
    background-color: var(--color-violet-100);
}
.dark\:bg-violet-200:where(.dark, .dark *){
    background-color: var(--color-violet-200);
}
.dark\:bg-violet-300:where(.dark, .dark *){
    background-color: var(--color-violet-300);
}
.dark\:bg-violet-400:where(.dark, .dark *){
    background-color: var(--color-violet-400);
}
.dark\:bg-violet-500:where(.dark, .dark *){
    background-color: var(--color-violet-500);
}
.dark\:bg-violet-600:where(.dark, .dark *){
    background-color: var(--color-violet-600);
}
.dark\:bg-violet-700:where(.dark, .dark *){
    background-color: var(--color-violet-700);
}
.dark\:bg-violet-800:where(.dark, .dark *){
    background-color: var(--color-violet-800);
}
.dark\:bg-violet-900:where(.dark, .dark *){
    background-color: var(--color-violet-900);
}
.dark\:bg-violet-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #4d179a 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-violet-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
  }
}
.dark\:bg-violet-950:where(.dark, .dark *){
    background-color: var(--color-violet-950);
}
.dark\:bg-white:where(.dark, .dark *){
    background-color: var(--color-white);
}
.dark\:bg-white\/10:where(.dark, .dark *){
    background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-white\/10:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.dark\:bg-yellow-50:where(.dark, .dark *){
    background-color: var(--color-yellow-50);
}
.dark\:bg-yellow-100:where(.dark, .dark *){
    background-color: var(--color-yellow-100);
}
.dark\:bg-yellow-200:where(.dark, .dark *){
    background-color: var(--color-yellow-200);
}
.dark\:bg-yellow-300:where(.dark, .dark *){
    background-color: var(--color-yellow-300);
}
.dark\:bg-yellow-400:where(.dark, .dark *){
    background-color: var(--color-yellow-400);
}
.dark\:bg-yellow-500:where(.dark, .dark *){
    background-color: var(--color-yellow-500);
}
.dark\:bg-yellow-600:where(.dark, .dark *){
    background-color: var(--color-yellow-600);
}
.dark\:bg-yellow-700:where(.dark, .dark *){
    background-color: var(--color-yellow-700);
}
.dark\:bg-yellow-800:where(.dark, .dark *){
    background-color: var(--color-yellow-800);
}
.dark\:bg-yellow-900:where(.dark, .dark *){
    background-color: var(--color-yellow-900);
}
.dark\:bg-yellow-900\/20:where(.dark, .dark *){
    background-color: color-mix(in srgb, #733e0a 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-yellow-900\/20:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
  }
}
.dark\:bg-yellow-900\/30:where(.dark, .dark *){
    background-color: color-mix(in srgb, #733e0a 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-yellow-900\/30:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
  }
}
.dark\:bg-yellow-950:where(.dark, .dark *){
    background-color: var(--color-yellow-950);
}
.dark\:bg-zinc-50:where(.dark, .dark *){
    background-color: var(--color-zinc-50);
}
.dark\:bg-zinc-100:where(.dark, .dark *){
    background-color: var(--color-zinc-100);
}
.dark\:bg-zinc-200:where(.dark, .dark *){
    background-color: var(--color-zinc-200);
}
.dark\:bg-zinc-300:where(.dark, .dark *){
    background-color: var(--color-zinc-300);
}
.dark\:bg-zinc-400:where(.dark, .dark *){
    background-color: var(--color-zinc-400);
}
.dark\:bg-zinc-500:where(.dark, .dark *){
    background-color: var(--color-zinc-500);
}
.dark\:bg-zinc-600:where(.dark, .dark *){
    background-color: var(--color-zinc-600);
}
.dark\:bg-zinc-700:where(.dark, .dark *){
    background-color: var(--color-zinc-700);
}
.dark\:bg-zinc-800:where(.dark, .dark *){
    background-color: var(--color-zinc-800);
}
.dark\:bg-zinc-800\/50:where(.dark, .dark *){
    background-color: color-mix(in srgb, #27272a 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)){
  .dark\:bg-zinc-800\/50:where(.dark, .dark *){
      background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
  }
}
.dark\:bg-zinc-900:where(.dark, .dark *){
    background-color: var(--color-zinc-900);
}
.dark\:bg-zinc-950:where(.dark, .dark *){
    background-color: var(--color-zinc-950);
}
.dark\:from-white:where(.dark, .dark *){
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:to-gray-200:where(.dark, .dark *){
    --tw-gradient-to: var(--color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:text-amber-50:where(.dark, .dark *){
    color: var(--color-amber-50);
}
.dark\:text-amber-100:where(.dark, .dark *){
    color: var(--color-amber-100);
}
.dark\:text-amber-200:where(.dark, .dark *){
    color: var(--color-amber-200);
}
.dark\:text-amber-300:where(.dark, .dark *){
    color: var(--color-amber-300);
}
.dark\:text-amber-400:where(.dark, .dark *){
    color: var(--color-amber-400);
}
.dark\:text-amber-500:where(.dark, .dark *){
    color: var(--color-amber-500);
}
.dark\:text-amber-600:where(.dark, .dark *){
    color: var(--color-amber-600);
}
.dark\:text-amber-700:where(.dark, .dark *){
    color: var(--color-amber-700);
}
.dark\:text-amber-800:where(.dark, .dark *){
    color: var(--color-amber-800);
}
.dark\:text-amber-900:where(.dark, .dark *){
    color: var(--color-amber-900);
}
.dark\:text-amber-950:where(.dark, .dark *){
    color: var(--color-amber-950);
}
.dark\:text-blue-50:where(.dark, .dark *){
    color: var(--color-blue-50);
}
.dark\:text-blue-100:where(.dark, .dark *){
    color: var(--color-blue-100);
}
.dark\:text-blue-200:where(.dark, .dark *){
    color: var(--color-blue-200);
}
.dark\:text-blue-300:where(.dark, .dark *){
    color: var(--color-blue-300);
}
.dark\:text-blue-400:where(.dark, .dark *){
    color: var(--color-blue-400);
}
.dark\:text-blue-500:where(.dark, .dark *){
    color: var(--color-blue-500);
}
.dark\:text-blue-600:where(.dark, .dark *){
    color: var(--color-blue-600);
}
.dark\:text-blue-700:where(.dark, .dark *){
    color: var(--color-blue-700);
}
.dark\:text-blue-800:where(.dark, .dark *){
    color: var(--color-blue-800);
}
.dark\:text-blue-900:where(.dark, .dark *){
    color: var(--color-blue-900);
}
.dark\:text-blue-950:where(.dark, .dark *){
    color: var(--color-blue-950);
}
.dark\:text-cyan-50:where(.dark, .dark *){
    color: var(--color-cyan-50);
}
.dark\:text-cyan-100:where(.dark, .dark *){
    color: var(--color-cyan-100);
}
.dark\:text-cyan-200:where(.dark, .dark *){
    color: var(--color-cyan-200);
}
.dark\:text-cyan-300:where(.dark, .dark *){
    color: var(--color-cyan-300);
}
.dark\:text-cyan-400:where(.dark, .dark *){
    color: var(--color-cyan-400);
}
.dark\:text-cyan-500:where(.dark, .dark *){
    color: var(--color-cyan-500);
}
.dark\:text-cyan-600:where(.dark, .dark *){
    color: var(--color-cyan-600);
}
.dark\:text-cyan-700:where(.dark, .dark *){
    color: var(--color-cyan-700);
}
.dark\:text-cyan-800:where(.dark, .dark *){
    color: var(--color-cyan-800);
}
.dark\:text-cyan-900:where(.dark, .dark *){
    color: var(--color-cyan-900);
}
.dark\:text-cyan-950:where(.dark, .dark *){
    color: var(--color-cyan-950);
}
.dark\:text-emerald-50:where(.dark, .dark *){
    color: var(--color-emerald-50);
}
.dark\:text-emerald-100:where(.dark, .dark *){
    color: var(--color-emerald-100);
}
.dark\:text-emerald-200:where(.dark, .dark *){
    color: var(--color-emerald-200);
}
.dark\:text-emerald-300:where(.dark, .dark *){
    color: var(--color-emerald-300);
}
.dark\:text-emerald-400:where(.dark, .dark *){
    color: var(--color-emerald-400);
}
.dark\:text-emerald-500:where(.dark, .dark *){
    color: var(--color-emerald-500);
}
.dark\:text-emerald-600:where(.dark, .dark *){
    color: var(--color-emerald-600);
}
.dark\:text-emerald-700:where(.dark, .dark *){
    color: var(--color-emerald-700);
}
.dark\:text-emerald-800:where(.dark, .dark *){
    color: var(--color-emerald-800);
}
.dark\:text-emerald-900:where(.dark, .dark *){
    color: var(--color-emerald-900);
}
.dark\:text-emerald-950:where(.dark, .dark *){
    color: var(--color-emerald-950);
}
.dark\:text-fuchsia-50:where(.dark, .dark *){
    color: var(--color-fuchsia-50);
}
.dark\:text-fuchsia-100:where(.dark, .dark *){
    color: var(--color-fuchsia-100);
}
.dark\:text-fuchsia-200:where(.dark, .dark *){
    color: var(--color-fuchsia-200);
}
.dark\:text-fuchsia-300:where(.dark, .dark *){
    color: var(--color-fuchsia-300);
}
.dark\:text-fuchsia-400:where(.dark, .dark *){
    color: var(--color-fuchsia-400);
}
.dark\:text-fuchsia-500:where(.dark, .dark *){
    color: var(--color-fuchsia-500);
}
.dark\:text-fuchsia-600:where(.dark, .dark *){
    color: var(--color-fuchsia-600);
}
.dark\:text-fuchsia-700:where(.dark, .dark *){
    color: var(--color-fuchsia-700);
}
.dark\:text-fuchsia-800:where(.dark, .dark *){
    color: var(--color-fuchsia-800);
}
.dark\:text-fuchsia-900:where(.dark, .dark *){
    color: var(--color-fuchsia-900);
}
.dark\:text-fuchsia-950:where(.dark, .dark *){
    color: var(--color-fuchsia-950);
}
.dark\:text-gray-50:where(.dark, .dark *){
    color: var(--color-gray-50);
}
.dark\:text-gray-100:where(.dark, .dark *){
    color: var(--color-gray-100);
}
.dark\:text-gray-200:where(.dark, .dark *){
    color: var(--color-gray-200);
}
.dark\:text-gray-300:where(.dark, .dark *){
    color: var(--color-gray-300);
}
.dark\:text-gray-400:where(.dark, .dark *){
    color: var(--color-gray-400);
}
.dark\:text-gray-500:where(.dark, .dark *){
    color: var(--color-gray-500);
}
.dark\:text-gray-600:where(.dark, .dark *){
    color: var(--color-gray-600);
}
.dark\:text-gray-700:where(.dark, .dark *){
    color: var(--color-gray-700);
}
.dark\:text-gray-800:where(.dark, .dark *){
    color: var(--color-gray-800);
}
.dark\:text-gray-900:where(.dark, .dark *){
    color: var(--color-gray-900);
}
.dark\:text-gray-950:where(.dark, .dark *){
    color: var(--color-gray-950);
}
.dark\:text-green-50:where(.dark, .dark *){
    color: var(--color-green-50);
}
.dark\:text-green-100:where(.dark, .dark *){
    color: var(--color-green-100);
}
.dark\:text-green-200:where(.dark, .dark *){
    color: var(--color-green-200);
}
.dark\:text-green-300:where(.dark, .dark *){
    color: var(--color-green-300);
}
.dark\:text-green-400:where(.dark, .dark *){
    color: var(--color-green-400);
}
.dark\:text-green-500:where(.dark, .dark *){
    color: var(--color-green-500);
}
.dark\:text-green-600:where(.dark, .dark *){
    color: var(--color-green-600);
}
.dark\:text-green-700:where(.dark, .dark *){
    color: var(--color-green-700);
}
.dark\:text-green-800:where(.dark, .dark *){
    color: var(--color-green-800);
}
.dark\:text-green-900:where(.dark, .dark *){
    color: var(--color-green-900);
}
.dark\:text-green-950:where(.dark, .dark *){
    color: var(--color-green-950);
}
.dark\:text-indigo-50:where(.dark, .dark *){
    color: var(--color-indigo-50);
}
.dark\:text-indigo-100:where(.dark, .dark *){
    color: var(--color-indigo-100);
}
.dark\:text-indigo-200:where(.dark, .dark *){
    color: var(--color-indigo-200);
}
.dark\:text-indigo-300:where(.dark, .dark *){
    color: var(--color-indigo-300);
}
.dark\:text-indigo-400:where(.dark, .dark *){
    color: var(--color-indigo-400);
}
.dark\:text-indigo-500:where(.dark, .dark *){
    color: var(--color-indigo-500);
}
.dark\:text-indigo-600:where(.dark, .dark *){
    color: var(--color-indigo-600);
}
.dark\:text-indigo-700:where(.dark, .dark *){
    color: var(--color-indigo-700);
}
.dark\:text-indigo-800:where(.dark, .dark *){
    color: var(--color-indigo-800);
}
.dark\:text-indigo-900:where(.dark, .dark *){
    color: var(--color-indigo-900);
}
.dark\:text-indigo-950:where(.dark, .dark *){
    color: var(--color-indigo-950);
}
.dark\:text-lime-50:where(.dark, .dark *){
    color: var(--color-lime-50);
}
.dark\:text-lime-100:where(.dark, .dark *){
    color: var(--color-lime-100);
}
.dark\:text-lime-200:where(.dark, .dark *){
    color: var(--color-lime-200);
}
.dark\:text-lime-300:where(.dark, .dark *){
    color: var(--color-lime-300);
}
.dark\:text-lime-400:where(.dark, .dark *){
    color: var(--color-lime-400);
}
.dark\:text-lime-500:where(.dark, .dark *){
    color: var(--color-lime-500);
}
.dark\:text-lime-600:where(.dark, .dark *){
    color: var(--color-lime-600);
}
.dark\:text-lime-700:where(.dark, .dark *){
    color: var(--color-lime-700);
}
.dark\:text-lime-800:where(.dark, .dark *){
    color: var(--color-lime-800);
}
.dark\:text-lime-900:where(.dark, .dark *){
    color: var(--color-lime-900);
}
.dark\:text-lime-950:where(.dark, .dark *){
    color: var(--color-lime-950);
}
.dark\:text-orange-50:where(.dark, .dark *){
    color: var(--color-orange-50);
}
.dark\:text-orange-100:where(.dark, .dark *){
    color: var(--color-orange-100);
}
.dark\:text-orange-200:where(.dark, .dark *){
    color: var(--color-orange-200);
}
.dark\:text-orange-300:where(.dark, .dark *){
    color: var(--color-orange-300);
}
.dark\:text-orange-400:where(.dark, .dark *){
    color: var(--color-orange-400);
}
.dark\:text-orange-500:where(.dark, .dark *){
    color: var(--color-orange-500);
}
.dark\:text-orange-600:where(.dark, .dark *){
    color: var(--color-orange-600);
}
.dark\:text-orange-700:where(.dark, .dark *){
    color: var(--color-orange-700);
}
.dark\:text-orange-800:where(.dark, .dark *){
    color: var(--color-orange-800);
}
.dark\:text-orange-900:where(.dark, .dark *){
    color: var(--color-orange-900);
}
.dark\:text-orange-950:where(.dark, .dark *){
    color: var(--color-orange-950);
}
.dark\:text-pink-50:where(.dark, .dark *){
    color: var(--color-pink-50);
}
.dark\:text-pink-100:where(.dark, .dark *){
    color: var(--color-pink-100);
}
.dark\:text-pink-200:where(.dark, .dark *){
    color: var(--color-pink-200);
}
.dark\:text-pink-300:where(.dark, .dark *){
    color: var(--color-pink-300);
}
.dark\:text-pink-400:where(.dark, .dark *){
    color: var(--color-pink-400);
}
.dark\:text-pink-500:where(.dark, .dark *){
    color: var(--color-pink-500);
}
.dark\:text-pink-600:where(.dark, .dark *){
    color: var(--color-pink-600);
}
.dark\:text-pink-700:where(.dark, .dark *){
    color: var(--color-pink-700);
}
.dark\:text-pink-800:where(.dark, .dark *){
    color: var(--color-pink-800);
}
.dark\:text-pink-900:where(.dark, .dark *){
    color: var(--color-pink-900);
}
.dark\:text-pink-950:where(.dark, .dark *){
    color: var(--color-pink-950);
}
.dark\:text-purple-50:where(.dark, .dark *){
    color: var(--color-purple-50);
}
.dark\:text-purple-100:where(.dark, .dark *){
    color: var(--color-purple-100);
}
.dark\:text-purple-200:where(.dark, .dark *){
    color: var(--color-purple-200);
}
.dark\:text-purple-300:where(.dark, .dark *){
    color: var(--color-purple-300);
}
.dark\:text-purple-400:where(.dark, .dark *){
    color: var(--color-purple-400);
}
.dark\:text-purple-500:where(.dark, .dark *){
    color: var(--color-purple-500);
}
.dark\:text-purple-600:where(.dark, .dark *){
    color: var(--color-purple-600);
}
.dark\:text-purple-700:where(.dark, .dark *){
    color: var(--color-purple-700);
}
.dark\:text-purple-800:where(.dark, .dark *){
    color: var(--color-purple-800);
}
.dark\:text-purple-900:where(.dark, .dark *){
    color: var(--color-purple-900);
}
.dark\:text-purple-950:where(.dark, .dark *){
    color: var(--color-purple-950);
}
.dark\:text-red-50:where(.dark, .dark *){
    color: var(--color-red-50);
}
.dark\:text-red-100:where(.dark, .dark *){
    color: var(--color-red-100);
}
.dark\:text-red-200:where(.dark, .dark *){
    color: var(--color-red-200);
}
.dark\:text-red-300:where(.dark, .dark *){
    color: var(--color-red-300);
}
.dark\:text-red-400:where(.dark, .dark *){
    color: var(--color-red-400);
}
.dark\:text-red-500:where(.dark, .dark *){
    color: var(--color-red-500);
}
.dark\:text-red-600:where(.dark, .dark *){
    color: var(--color-red-600);
}
.dark\:text-red-700:where(.dark, .dark *){
    color: var(--color-red-700);
}
.dark\:text-red-800:where(.dark, .dark *){
    color: var(--color-red-800);
}
.dark\:text-red-900:where(.dark, .dark *){
    color: var(--color-red-900);
}
.dark\:text-red-950:where(.dark, .dark *){
    color: var(--color-red-950);
}
.dark\:text-rose-50:where(.dark, .dark *){
    color: var(--color-rose-50);
}
.dark\:text-rose-100:where(.dark, .dark *){
    color: var(--color-rose-100);
}
.dark\:text-rose-200:where(.dark, .dark *){
    color: var(--color-rose-200);
}
.dark\:text-rose-300:where(.dark, .dark *){
    color: var(--color-rose-300);
}
.dark\:text-rose-400:where(.dark, .dark *){
    color: var(--color-rose-400);
}
.dark\:text-rose-500:where(.dark, .dark *){
    color: var(--color-rose-500);
}
.dark\:text-rose-600:where(.dark, .dark *){
    color: var(--color-rose-600);
}
.dark\:text-rose-700:where(.dark, .dark *){
    color: var(--color-rose-700);
}
.dark\:text-rose-800:where(.dark, .dark *){
    color: var(--color-rose-800);
}
.dark\:text-rose-900:where(.dark, .dark *){
    color: var(--color-rose-900);
}
.dark\:text-rose-950:where(.dark, .dark *){
    color: var(--color-rose-950);
}
.dark\:text-sky-50:where(.dark, .dark *){
    color: var(--color-sky-50);
}
.dark\:text-sky-100:where(.dark, .dark *){
    color: var(--color-sky-100);
}
.dark\:text-sky-200:where(.dark, .dark *){
    color: var(--color-sky-200);
}
.dark\:text-sky-300:where(.dark, .dark *){
    color: var(--color-sky-300);
}
.dark\:text-sky-400:where(.dark, .dark *){
    color: var(--color-sky-400);
}
.dark\:text-sky-500:where(.dark, .dark *){
    color: var(--color-sky-500);
}
.dark\:text-sky-600:where(.dark, .dark *){
    color: var(--color-sky-600);
}
.dark\:text-sky-700:where(.dark, .dark *){
    color: var(--color-sky-700);
}
.dark\:text-sky-800:where(.dark, .dark *){
    color: var(--color-sky-800);
}
.dark\:text-sky-900:where(.dark, .dark *){
    color: var(--color-sky-900);
}
.dark\:text-sky-950:where(.dark, .dark *){
    color: var(--color-sky-950);
}
.dark\:text-slate-50:where(.dark, .dark *){
    color: var(--color-slate-50);
}
.dark\:text-slate-100:where(.dark, .dark *){
    color: var(--color-slate-100);
}
.dark\:text-slate-200:where(.dark, .dark *){
    color: var(--color-slate-200);
}
.dark\:text-slate-300:where(.dark, .dark *){
    color: var(--color-slate-300);
}
.dark\:text-slate-400:where(.dark, .dark *){
    color: var(--color-slate-400);
}
.dark\:text-slate-500:where(.dark, .dark *){
    color: var(--color-slate-500);
}
.dark\:text-slate-600:where(.dark, .dark *){
    color: var(--color-slate-600);
}
.dark\:text-slate-700:where(.dark, .dark *){
    color: var(--color-slate-700);
}
.dark\:text-slate-800:where(.dark, .dark *){
    color: var(--color-slate-800);
}
.dark\:text-slate-900:where(.dark, .dark *){
    color: var(--color-slate-900);
}
.dark\:text-slate-950:where(.dark, .dark *){
    color: var(--color-slate-950);
}
.dark\:text-teal-50:where(.dark, .dark *){
    color: var(--color-teal-50);
}
.dark\:text-teal-100:where(.dark, .dark *){
    color: var(--color-teal-100);
}
.dark\:text-teal-200:where(.dark, .dark *){
    color: var(--color-teal-200);
}
.dark\:text-teal-300:where(.dark, .dark *){
    color: var(--color-teal-300);
}
.dark\:text-teal-400:where(.dark, .dark *){
    color: var(--color-teal-400);
}
.dark\:text-teal-500:where(.dark, .dark *){
    color: var(--color-teal-500);
}
.dark\:text-teal-600:where(.dark, .dark *){
    color: var(--color-teal-600);
}
.dark\:text-teal-700:where(.dark, .dark *){
    color: var(--color-teal-700);
}
.dark\:text-teal-800:where(.dark, .dark *){
    color: var(--color-teal-800);
}
.dark\:text-teal-900:where(.dark, .dark *){
    color: var(--color-teal-900);
}
.dark\:text-teal-950:where(.dark, .dark *){
    color: var(--color-teal-950);
}
.dark\:text-violet-50:where(.dark, .dark *){
    color: var(--color-violet-50);
}
.dark\:text-violet-100:where(.dark, .dark *){
    color: var(--color-violet-100);
}
.dark\:text-violet-200:where(.dark, .dark *){
    color: var(--color-violet-200);
}
.dark\:text-violet-300:where(.dark, .dark *){
    color: var(--color-violet-300);
}
.dark\:text-violet-400:where(.dark, .dark *){
    color: var(--color-violet-400);
}
.dark\:text-violet-500:where(.dark, .dark *){
    color: var(--color-violet-500);
}
.dark\:text-violet-600:where(.dark, .dark *){
    color: var(--color-violet-600);
}
.dark\:text-violet-700:where(.dark, .dark *){
    color: var(--color-violet-700);
}
.dark\:text-violet-800:where(.dark, .dark *){
    color: var(--color-violet-800);
}
.dark\:text-violet-900:where(.dark, .dark *){
    color: var(--color-violet-900);
}
.dark\:text-violet-950:where(.dark, .dark *){
    color: var(--color-violet-950);
}
.dark\:text-white:where(.dark, .dark *){
    color: var(--color-white);
}
.dark\:text-yellow-50:where(.dark, .dark *){
    color: var(--color-yellow-50);
}
.dark\:text-yellow-100:where(.dark, .dark *){
    color: var(--color-yellow-100);
}
.dark\:text-yellow-200:where(.dark, .dark *){
    color: var(--color-yellow-200);
}
.dark\:text-yellow-300:where(.dark, .dark *){
    color: var(--color-yellow-300);
}
.dark\:text-yellow-400:where(.dark, .dark *){
    color: var(--color-yellow-400);
}
.dark\:text-yellow-500:where(.dark, .dark *){
    color: var(--color-yellow-500);
}
.dark\:text-yellow-600:where(.dark, .dark *){
    color: var(--color-yellow-600);
}
.dark\:text-yellow-700:where(.dark, .dark *){
    color: var(--color-yellow-700);
}
.dark\:text-yellow-800:where(.dark, .dark *){
    color: var(--color-yellow-800);
}
.dark\:text-yellow-900:where(.dark, .dark *){
    color: var(--color-yellow-900);
}
.dark\:text-yellow-950:where(.dark, .dark *){
    color: var(--color-yellow-950);
}
.dark\:text-zinc-50:where(.dark, .dark *){
    color: var(--color-zinc-50);
}
.dark\:text-zinc-100:where(.dark, .dark *){
    color: var(--color-zinc-100);
}
.dark\:text-zinc-200:where(.dark, .dark *){
    color: var(--color-zinc-200);
}
.dark\:text-zinc-300:where(.dark, .dark *){
    color: var(--color-zinc-300);
}
.dark\:text-zinc-400:where(.dark, .dark *){
    color: var(--color-zinc-400);
}
.dark\:text-zinc-500:where(.dark, .dark *){
    color: var(--color-zinc-500);
}
.dark\:text-zinc-600:where(.dark, .dark *){
    color: var(--color-zinc-600);
}
.dark\:text-zinc-700:where(.dark, .dark *){
    color: var(--color-zinc-700);
}
.dark\:text-zinc-800:where(.dark, .dark *){
    color: var(--color-zinc-800);
}
.dark\:text-zinc-900:where(.dark, .dark *){
    color: var(--color-zinc-900);
}
.dark\:text-zinc-950:where(.dark, .dark *){
    color: var(--color-zinc-950);
}
.dark\:ring-amber-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-50);
}
.dark\:ring-amber-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-100);
}
.dark\:ring-amber-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-200);
}
.dark\:ring-amber-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-300);
}
.dark\:ring-amber-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-400);
}
.dark\:ring-amber-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-500);
}
.dark\:ring-amber-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-600);
}
.dark\:ring-amber-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-700);
}
.dark\:ring-amber-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-800);
}
.dark\:ring-amber-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-900);
}
.dark\:ring-amber-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-amber-950);
}
.dark\:ring-blue-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-50);
}
.dark\:ring-blue-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-100);
}
.dark\:ring-blue-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-200);
}
.dark\:ring-blue-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-300);
}
.dark\:ring-blue-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-400);
}
.dark\:ring-blue-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-500);
}
.dark\:ring-blue-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-600);
}
.dark\:ring-blue-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-700);
}
.dark\:ring-blue-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-800);
}
.dark\:ring-blue-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-900);
}
.dark\:ring-blue-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-blue-950);
}
.dark\:ring-cyan-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-50);
}
.dark\:ring-cyan-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-100);
}
.dark\:ring-cyan-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-200);
}
.dark\:ring-cyan-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-300);
}
.dark\:ring-cyan-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-400);
}
.dark\:ring-cyan-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-500);
}
.dark\:ring-cyan-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-600);
}
.dark\:ring-cyan-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-700);
}
.dark\:ring-cyan-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-800);
}
.dark\:ring-cyan-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-900);
}
.dark\:ring-cyan-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-cyan-950);
}
.dark\:ring-emerald-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-50);
}
.dark\:ring-emerald-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-100);
}
.dark\:ring-emerald-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-200);
}
.dark\:ring-emerald-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-300);
}
.dark\:ring-emerald-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-400);
}
.dark\:ring-emerald-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-500);
}
.dark\:ring-emerald-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-600);
}
.dark\:ring-emerald-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-700);
}
.dark\:ring-emerald-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-800);
}
.dark\:ring-emerald-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-900);
}
.dark\:ring-emerald-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-emerald-950);
}
.dark\:ring-fuchsia-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-50);
}
.dark\:ring-fuchsia-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-100);
}
.dark\:ring-fuchsia-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-200);
}
.dark\:ring-fuchsia-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-300);
}
.dark\:ring-fuchsia-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-400);
}
.dark\:ring-fuchsia-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-500);
}
.dark\:ring-fuchsia-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-600);
}
.dark\:ring-fuchsia-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-700);
}
.dark\:ring-fuchsia-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-800);
}
.dark\:ring-fuchsia-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-900);
}
.dark\:ring-fuchsia-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-fuchsia-950);
}
.dark\:ring-gray-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-50);
}
.dark\:ring-gray-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-100);
}
.dark\:ring-gray-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-200);
}
.dark\:ring-gray-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-300);
}
.dark\:ring-gray-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-400);
}
.dark\:ring-gray-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-500);
}
.dark\:ring-gray-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-600);
}
.dark\:ring-gray-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-700);
}
.dark\:ring-gray-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-800);
}
.dark\:ring-gray-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-900);
}
.dark\:ring-gray-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-gray-950);
}
.dark\:ring-green-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-50);
}
.dark\:ring-green-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-100);
}
.dark\:ring-green-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-200);
}
.dark\:ring-green-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-300);
}
.dark\:ring-green-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-400);
}
.dark\:ring-green-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-500);
}
.dark\:ring-green-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-600);
}
.dark\:ring-green-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-700);
}
.dark\:ring-green-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-800);
}
.dark\:ring-green-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-900);
}
.dark\:ring-green-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-green-950);
}
.dark\:ring-indigo-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-50);
}
.dark\:ring-indigo-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-100);
}
.dark\:ring-indigo-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-200);
}
.dark\:ring-indigo-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-300);
}
.dark\:ring-indigo-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-400);
}
.dark\:ring-indigo-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-500);
}
.dark\:ring-indigo-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-600);
}
.dark\:ring-indigo-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-700);
}
.dark\:ring-indigo-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-800);
}
.dark\:ring-indigo-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-900);
}
.dark\:ring-indigo-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-indigo-950);
}
.dark\:ring-lime-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-50);
}
.dark\:ring-lime-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-100);
}
.dark\:ring-lime-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-200);
}
.dark\:ring-lime-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-300);
}
.dark\:ring-lime-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-400);
}
.dark\:ring-lime-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-500);
}
.dark\:ring-lime-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-600);
}
.dark\:ring-lime-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-700);
}
.dark\:ring-lime-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-800);
}
.dark\:ring-lime-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-900);
}
.dark\:ring-lime-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-lime-950);
}
.dark\:ring-orange-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-50);
}
.dark\:ring-orange-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-100);
}
.dark\:ring-orange-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-200);
}
.dark\:ring-orange-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-300);
}
.dark\:ring-orange-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-400);
}
.dark\:ring-orange-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-500);
}
.dark\:ring-orange-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-600);
}
.dark\:ring-orange-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-700);
}
.dark\:ring-orange-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-800);
}
.dark\:ring-orange-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-900);
}
.dark\:ring-orange-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-orange-950);
}
.dark\:ring-pink-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-50);
}
.dark\:ring-pink-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-100);
}
.dark\:ring-pink-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-200);
}
.dark\:ring-pink-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-300);
}
.dark\:ring-pink-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-400);
}
.dark\:ring-pink-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-500);
}
.dark\:ring-pink-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-600);
}
.dark\:ring-pink-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-700);
}
.dark\:ring-pink-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-800);
}
.dark\:ring-pink-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-900);
}
.dark\:ring-pink-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-pink-950);
}
.dark\:ring-purple-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-50);
}
.dark\:ring-purple-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-100);
}
.dark\:ring-purple-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-200);
}
.dark\:ring-purple-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-300);
}
.dark\:ring-purple-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-400);
}
.dark\:ring-purple-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-500);
}
.dark\:ring-purple-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-600);
}
.dark\:ring-purple-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-700);
}
.dark\:ring-purple-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-800);
}
.dark\:ring-purple-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-900);
}
.dark\:ring-purple-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-purple-950);
}
.dark\:ring-red-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-50);
}
.dark\:ring-red-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-100);
}
.dark\:ring-red-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-200);
}
.dark\:ring-red-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-300);
}
.dark\:ring-red-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-400);
}
.dark\:ring-red-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-500);
}
.dark\:ring-red-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-600);
}
.dark\:ring-red-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-700);
}
.dark\:ring-red-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-800);
}
.dark\:ring-red-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-900);
}
.dark\:ring-red-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-red-950);
}
.dark\:ring-rose-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-50);
}
.dark\:ring-rose-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-100);
}
.dark\:ring-rose-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-200);
}
.dark\:ring-rose-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-300);
}
.dark\:ring-rose-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-400);
}
.dark\:ring-rose-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-500);
}
.dark\:ring-rose-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-600);
}
.dark\:ring-rose-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-700);
}
.dark\:ring-rose-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-800);
}
.dark\:ring-rose-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-900);
}
.dark\:ring-rose-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-rose-950);
}
.dark\:ring-sky-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-50);
}
.dark\:ring-sky-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-100);
}
.dark\:ring-sky-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-200);
}
.dark\:ring-sky-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-300);
}
.dark\:ring-sky-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-400);
}
.dark\:ring-sky-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-500);
}
.dark\:ring-sky-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-600);
}
.dark\:ring-sky-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-700);
}
.dark\:ring-sky-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-800);
}
.dark\:ring-sky-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-900);
}
.dark\:ring-sky-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-sky-950);
}
.dark\:ring-slate-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-50);
}
.dark\:ring-slate-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-100);
}
.dark\:ring-slate-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-200);
}
.dark\:ring-slate-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-300);
}
.dark\:ring-slate-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-400);
}
.dark\:ring-slate-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-500);
}
.dark\:ring-slate-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-600);
}
.dark\:ring-slate-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-700);
}
.dark\:ring-slate-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-800);
}
.dark\:ring-slate-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-900);
}
.dark\:ring-slate-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-slate-950);
}
.dark\:ring-teal-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-50);
}
.dark\:ring-teal-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-100);
}
.dark\:ring-teal-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-200);
}
.dark\:ring-teal-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-300);
}
.dark\:ring-teal-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-400);
}
.dark\:ring-teal-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-500);
}
.dark\:ring-teal-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-600);
}
.dark\:ring-teal-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-700);
}
.dark\:ring-teal-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-800);
}
.dark\:ring-teal-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-900);
}
.dark\:ring-teal-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-teal-950);
}
.dark\:ring-violet-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-50);
}
.dark\:ring-violet-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-100);
}
.dark\:ring-violet-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-200);
}
.dark\:ring-violet-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-300);
}
.dark\:ring-violet-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-400);
}
.dark\:ring-violet-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-500);
}
.dark\:ring-violet-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-600);
}
.dark\:ring-violet-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-700);
}
.dark\:ring-violet-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-800);
}
.dark\:ring-violet-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-900);
}
.dark\:ring-violet-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-violet-950);
}
.dark\:ring-white:where(.dark, .dark *){
    --tw-ring-color: var(--color-white);
}
.dark\:ring-yellow-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-50);
}
.dark\:ring-yellow-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-100);
}
.dark\:ring-yellow-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-200);
}
.dark\:ring-yellow-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-300);
}
.dark\:ring-yellow-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-400);
}
.dark\:ring-yellow-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-500);
}
.dark\:ring-yellow-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-600);
}
.dark\:ring-yellow-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-700);
}
.dark\:ring-yellow-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-800);
}
.dark\:ring-yellow-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-900);
}
.dark\:ring-yellow-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-yellow-950);
}
.dark\:ring-zinc-50:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-50);
}
.dark\:ring-zinc-100:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-100);
}
.dark\:ring-zinc-200:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-200);
}
.dark\:ring-zinc-300:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-300);
}
.dark\:ring-zinc-400:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-400);
}
.dark\:ring-zinc-500:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-500);
}
.dark\:ring-zinc-600:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-600);
}
.dark\:ring-zinc-700:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-700);
}
.dark\:ring-zinc-800:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-800);
}
.dark\:ring-zinc-900:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-900);
}
.dark\:ring-zinc-950:where(.dark, .dark *){
    --tw-ring-color: var(--color-zinc-950);
}
@media (hover: hover){
  .dark\:hover\:bg-amber-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #7b3306 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-amber-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #1c398e 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-cyan-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #104e64 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-cyan-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-emerald-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #004f3b 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-emerald-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-fuchsia-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #721378 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-fuchsia-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-gray-100:where(.dark, .dark *):hover{
        background-color: var(--color-gray-100);
  }
}
@media (hover: hover){
  .dark\:hover\:bg-gray-700:where(.dark, .dark *):hover{
        background-color: var(--color-gray-700);
  }
}
@media (hover: hover){
  .dark\:hover\:bg-gray-800:where(.dark, .dark *):hover{
        background-color: var(--color-gray-800);
  }
}
@media (hover: hover){
  .dark\:hover\:bg-indigo-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #312c85 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-indigo-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-lime-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #35530e 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-lime-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-lime-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-orange-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #7e2a0c 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-orange-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-pink-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #861043 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-pink-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-purple-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #59168b 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-purple-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-red-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #82181a 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-red-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-rose-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #8b0836 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-rose-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-sky-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #024a70 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-sky-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-slate-700\/50:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #314158 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-slate-700\/50:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-stone-700\/50:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #44403b 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-stone-700\/50:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-stone-700) 50%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-teal-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #0b4f4a 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-teal-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-violet-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #4d179a 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-violet-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-yellow-900\/40:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #733e0a 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-yellow-900\/40:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:bg-zinc-700\/50:where(.dark, .dark *):hover{
        background-color: color-mix(in srgb, #3f3f46 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)){
    .dark\:hover\:bg-zinc-700\/50:where(.dark, .dark *):hover{
          background-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
    }
  }
}
@media (hover: hover){
  .dark\:hover\:text-white:where(.dark, .dark *):hover{
        color: var(--color-white);
  }
}
.dark\:focus\:border-blue-700:where(.dark, .dark *):focus{
      border-color: var(--color-blue-700);
}
.dark\:focus\:border-gray-700:where(.dark, .dark *):focus{
      border-color: var(--color-gray-700);
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-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;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}
button,[type=button],[type=submit]{cursor:pointer}button:disabled{cursor:default}