.BCRed    { background-color: hsla(0, 100%, 40%, 1);   }
.BCorang  { background-color: hsla(36, 100%, 50%, 1.0);}
.BCBlack  { background-color: hsla(0, 100%, 3%, 1) ; }
.BCGreen  { background-color:  hsla(120, 46%, 36%, 1); }
.BCYallow { background-color: #FFFF00 ; }
.BCWhite  { background-color: #FFFFFF ; }
.BCGray   { background-color: #C0C0C0 ; }
.BCBlue   { background-color: #1B75EF ; }
.BCPurpl  { background-color: #800080 ; }
.BCWgray  { background-color: #DDDDDD ; }
.BCresasi { background-color: #A2B9C9 ; }
.BCWblue  { background-color: #E5EEFF ; }
.BCWgreen { background-color: #F5FFF5 ; }
.BCWorange{ background-color: #FFF7E5 ; }
.BCWpurpl { background-color: #E5E5FF ; }
.BCMblue  { background-color: #4095BF ; }
.BCWyall  { background-color: #FFFFCC ; }
.BCLblue  { background-color: #C2D6D6 ; }
.BCLgray  { background-color: #EDEDED ; }
.BCWred   { background-color: #FFB2B2 ; }
.BCBlue_ch{ background-color: #0000CC ; }
.BCBrown  { background-color: #78350f ; }

.FCRed    { color: #CC0000 ; }
.FCorang  { color: hsla(36, 100%, 50%, 1.0); ; }
.FCBlack  { color: #000000 ; }
.FCGreen  { color: #006600 ; }
.FCYallow { color: #FFFF00 ; }
.FCWhite  { color: #FFFFFF ; }
.FCBlue   { color: #1B75EF ; }
.FCPurpl  { color: #800080 ; }
.FCGray   { color: #C0C0C0 ; }
.FCresase { color: #A2B9C9 ; }
.FCWblue  { color: #9EBEFF ; }
.FCWgreen { color: #E5FFE5 ; }
.FCWorange{ color: #FFE4AD ; }
.FCWpurpl { color: #E5E5FF ; }
.FCWyall  { color: #FFFFCC ; }
.FCWred   { color: #FFB2B2 ; }
.FCBlue_ch{ color: #0000CC ; }

 /*--------------------------------------------------------------------------------------*/
.Gard_hu{
      background-image: linear-gradient(to top right, #EF4136, #Fbb040)
  }

  .gard_patels{
     background-image: linear-gradient(to top right, #fe8dc5, #fed1c7)
  }

  .gard_visuals{
     background-image: linear-gradient(to top right, #ff00d4, #00ddff)
  }

  .FC_blue0  {color: #00ddff;}
  .FC_blue1  {color: #00BCEA;}
  .FC_blue2  {color: #0000FE;}
  .FC_blue3  {color: #5540BF;}
  .FC_green1 {color: #0AC286;}
  .FC_green2 {color: #09A95F;}
  .FC_green3 {color: #2FCA16;}
  .FC_yaLLOW1{color: #DEB768;}
  .FC_yaLLOW2{color: #Fbb040;}
  .FC_red1   {color: #FF3334;}
  .FC_red2   {color: #E6005B;}
  .FC_pink1  {color: #fe8dc5;}
  .FC_pink1  {color: #ff00d4;}

  .BC_blue0  {background-color: #00ddff;}
  .BC_blue1  {background-color: #00BCEA;}
  .BC_blue2  {background-color: #0000FE;}
  .BC_blue3  {background-color: #5540BF;}
  .BC_green1 {background-color: #0AC286;}
  .BC_green2 {background-color: #09A95F;}
  .BC_green3 {background-color: #2FCA16;}
  .BC_yaLLOW1{background-color: #DEB768;}
  .BC_yaLLOW2{background-color: #Fbb040;}
  .BC_red1   {background-color: #FF3334;}
  .BC_red2   {background-color: #E6005B;}
  .BC_pink1  {background-color: #fe8dc5;}
  .BC_pink2  {background-color: #ff00d4;}

/*--------------------------------------------------------------------------------------*/
.FhovBlue:hover  {color: #0053BA;}
.FhovBlack:hover {color: #000000;}

/*--------------------------------------------------------------------------------------*/
 .tex-shadow { text-shadow: 0px 0px 1px #000;}
 .tex-shadow-black { text-shadow: 2px 1px 1px #000;}
 .tex-shadow-white { text-shadow: 2px 1px 1px #FFF;}

 .shadow       { box-shadow: 2px 2px 2px  0 #808080; }
 .shadow-1     { box-shadow: 4px 4px 10px 0 #808080; }
 .shadow-2     { box-shadow: 8px 8px 20px 0 #808080; }
 .shadow-3     { box-shadow: 8px 8px 30px 0 #9C9C9C; }

 .BCGlass {
            background: rgba(255, 255, 255, 0.22);
            border-radius: 2px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(5.3px);
            -webkit-backdrop-filter: blur(5.3px);
            border: 1px solid rgba(255, 255, 255, 0.82);;
          }

/*--------------------------------------------------------------------------------------*/
 .quadrat {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    xborder: 3px solid #e50000;
  }
  50%, 100% {
    background-color: #e50000;
    xborder: 3px solid rgb(117, 209, 63);
  }
}

/*--------------------------------------------------------------------------------------*/
 .blink_orange {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: blink_orange 1s infinite;  /* Safari 4+ */
  -moz-animation: blink_orange 1s infinite;  /* Fx 5+ */
  -o-animation: blink_orange 1s infinite;  /* Opera 12+ */
  animation: blink_orange 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blink_orange {
  0%, 49% {
    background-color: rgb(255, 102, 0);
    color: rgb(255, 255, 255)


  }
  50%, 100% {
    background-color: #EDEDED;
    color: rgb(0, 0, 0)


  }
}
/*--------------------------------------------------------------------------------------*/
 .blink_red {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: blink_red 1s infinite;  /* Safari 4+ */
  -moz-animation: blink_red 1s infinite;  /* Fx 5+ */
  -o-animation: blink_red 1s infinite;  /* Opera 12+ */
  animation: blink_red 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blink_red {
  0%, 49% {
    background-color: rgb(204, 0, 0);
    color: rgb(255, 255, 255)
  }
  50%, 100% {
    background-color: #EDEDED;
    color: rgb(0, 0, 0)
  }
}
/*--------------------------------------------------------------------------------------*/
 .blink_light {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: blink_light 1s infinite;  /* Safari 4+ */
  -moz-animation: blink_light 1s infinite;  /* Fx 5+ */
  -o-animation: blink_light 1s infinite;  /* Opera 12+ */
  animation: blink_light 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blink_light {
  0%, 49% {
    background-color:  transparent;
    color: rgb(204, 0, 0);
  }
  50%, 100% {
    background-color:  transparent;
    color: rgb(0, 0, 255)
  }
}
/*--------------------------------------------------------------------------------------*/
 .blink_Fred {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: blink_Fred 1s infinite;  /* Safari 4+ */
  -moz-animation: blink_Fred 1s infinite;  /* Fx 5+ */
  -o-animation: blink_Fred 1s infinite;  /* Opera 12+ */
  animation: blink_Fred 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blink_Fred {
  0%, 49% {
    color: rgb(204, 0, 0);
  }
  50%, 100% {
    color: rgb(0, 0, 0)
  }
}
/*--------------------------------------------------------------------------------------*/
a.put:link,a.put:visited { color: #CC0000; font-weight: bold }
a.put:hover { color:  #000000; font-weight: bold }
/*--------------------------------------------------------------------------------------*/
.bg-trans    {background-color: transparent ; }

.bg-Slate-50  {background-color: #f8fafc ;}
.bg-Slate-100 {background-color: #f1f5f9 ;}
.bg-Slate-200 {background-color: #e2e8f0 ;}
.bg-Slate-300 {background-color: #cbd5e1 ;}
.bg-Slate-400 {background-color: #94a3b8 ;}
.bg-Slate-500 {background-color: #64748b ;}
.bg-Slate-600 {background-color: #475569 ;}
.bg-Slate-700 {background-color: #334155 ;}
.bg-Slate-800 {background-color: #1e293b ;}
.bg-Slate-900 {background-color: #0f172a ;}
.bg-Slate-950 {background-color: #020617 ;}

.bg-Gray-50  {background-color: #f9fafb ;}
.bg-Gray-100 {background-color: #f3f4f6 ;}
.bg-Gray-200 {background-color: #e5e7eb ;}
.bg-Gray-300 {background-color: #d1d5db ;}
.bg-Gray-400 {background-color: #9ca3af ;}
.bg-Gray-500 {background-color: #6b7280 ;}
.bg-Gray-600 {background-color: #4b5563 ;}
.bg-Gray-700 {background-color: #374151 ;}
.bg-Gray-800 {background-color: #1f2937 ;}
.bg-Gray-900 {background-color: #111827 ;}
.bg-Gray-950 {background-color: #030712 ;}

.bg-Zinc-50  {background-color: #fafafa ;}
.bg-Zinc-100 {background-color: #f4f4f5 ;}
.bg-Zinc-200 {background-color: #e4e4e7 ;}
.bg-Zinc-300 {background-color: #d4d4d8 ;}
.bg-Zinc-400 {background-color: #a1a1aa ;}
.bg-Zinc-500 {background-color: #71717a ;}
.bg-Zinc-600 {background-color: #52525b ;}
.bg-Zinc-700 {background-color: #3f3f46 ;}
.bg-Zinc-800 {background-color: #27272a ;}
.bg-Zinc-900 {background-color: #18181b ;}
.bg-Zinc-950 {background-color: #09090b ;}

.bg-Neutral-50  {background-color: #fafafa ;}
.bg-Neutral-100 {background-color: #f5f5f5 ;}
.bg-Neutral-200 {background-color: #e5e5e5 ;}
.bg-Neutral-300 {background-color: #d4d4d4 ;}
.bg-Neutral-400 {background-color: #a3a3a3 ;}
.bg-Neutral-500 {background-color: #737373 ;}
.bg-Neutral-600 {background-color: #525252 ;}
.bg-Neutral-700 {background-color: #404040 ;}
.bg-Neutral-800 {background-color: #262626 ;}
.bg-Neutral-900 {background-color: #171717 ;}
.bg-Neutral-950 {background-color: #0a0a0a ;}

.bg-Stone-50  {background-color: #fafaf9 ;}
.bg-Stone-100 {background-color: #f5f5f4 ;}
.bg-Stone-200 {background-color: #e7e5e4 ;}
.bg-Stone-300 {background-color: #d6d3d1 ;}
.bg-Stone-400 {background-color: #a8a29e ;}
.bg-Stone-500 {background-color: #78716c ;}
.bg-Stone-600 {background-color: #57534e ;}
.bg-Stone-700 {background-color: #44403c ;}
.bg-Stone-800 {background-color: #292524 ;}
.bg-Stone-900 {background-color: #1c1917 ;}
.bg-Stone-950 {background-color: #0c0a09 ;}

.bg-Red-50  {background-color: #fef2f2 ;}
.bg-Red-100 {background-color: #fee2e2 ;}
.bg-Red-200 {background-color: #fecaca ;}
.bg-Red-300 {background-color: #fca5a5 ;}
.bg-Red-400 {background-color: #f87171 ;}
.bg-Red-500 {background-color: #ef4444 ;}
.bg-Red-600 {background-color: #dc2626 ;}
.bg-Red-700 {background-color: #b91c1c ;}
.bg-Red-800 {background-color: #991b1b ;}
.bg-Red-900 {background-color: #7f1d1d ;}
.bg-Red-950 {background-color: #450a0a ;}


.bg-Orange-50  {background-color: #fff7ed ;}
.bg-Orange-100 {background-color: #ffedd5 ;}
.bg-Orange-200 {background-color: #fed7aa ;}
.bg-Orange-300 {background-color: #fdba74 ;}
.bg-Orange-400 {background-color: #fb923c ;}
.bg-Orange-500 {background-color: #f97316 ;}
.bg-Orange-600 {background-color: #ea580c ;}
.bg-Orange-700 {background-color: #c2410c ;}
.bg-Orange-800 {background-color: #9a3412 ;}
.bg-Orange-900 {background-color: #7c2d12 ;}
.bg-Orange-950 {background-color: #431407 ;}

.bg-Amber-50  {background-color: #fffbeb ;}
.bg-Amber-100 {background-color: #fef3c7 ;}
.bg-Amber-200 {background-color: #fde68a ;}
.bg-Amber-300 {background-color: #fcd34d ;}
.bg-Amber-400 {background-color: #fbbf24 ;}
.bg-Amber-500 {background-color: #f59e0b ;}
.bg-Amber-600 {background-color: #d97706 ;}
.bg-Amber-700 {background-color: #b45309 ;}
.bg-Amber-800 {background-color: #92400e ;}
.bg-Amber-900 {background-color: #78350f ;}
.bg-Amber-950 {background-color: #451a03 ;}

.bg-Yellow-50  {background-color: #fefce8 ;}
.bg-Yellow-100 {background-color: #fef9c3 ;}
.bg-Yellow-200 {background-color: #fef08a ;}
.bg-Yellow-300 {background-color: #fde047 ;}
.bg-Yellow-400 {background-color: #facc15 ;}
.bg-Yellow-500 {background-color: #eab308 ;}
.bg-Yellow-600 {background-color: #ca8a04 ;}
.bg-Yellow-700 {background-color: #a16207 ;}
.bg-Yellow-800 {background-color: #854d0e ;}
.bg-Yellow-900 {background-color: #713f12 ;}
.bg-Yellow-950 {background-color: #422006 ;}

.bg-Lime-50  {background-color: #f7fee7 ;}
.bg-Lime-100 {background-color: #ecfccb ;}
.bg-Lime-200 {background-color: #d9f99d ;}
.bg-Lime-300 {background-color: #bef264 ;}
.bg-Lime-400 {background-color: #a3e635 ;}
.bg-Lime-500 {background-color: #84cc16 ;}
.bg-Lime-600 {background-color: #65a30d ;}
.bg-Lime-700 {background-color: #4d7c0f ;}
.bg-Lime-800 {background-color: #3f6212 ;}
.bg-Lime-900 {background-color: #365314 ;}
.bg-Lime-950 {background-color: #1a2e05 ;}

.bg-Green-50  {background-color: #f0fdf4 ;}
.bg-Green-100 {background-color: #dcfce7 ;}
.bg-Green-200 {background-color: #bbf7d0 ;}
.bg-Green-300 {background-color: #86efac ;}
.bg-Green-400 {background-color: #4ade80 ;}
.bg-Green-500 {background-color: #22c55e ;}
.bg-Green-600 {background-color: #16a34a ;}
.bg-Green-700 {background-color: #15803d ;}
.bg-Green-800 {background-color: #166534 ;}
.bg-Green-900 {background-color: #14532d ;}
.bg-Green-950 {background-color: #052e16 ;}

.bg-Emerald-50  {background-color: #ecfdf5 ;}
.bg-Emerald-100 {background-color: #d1fae5 ;}
.bg-Emerald-200 {background-color: #a7f3d0 ;}
.bg-Emerald-300 {background-color: #6ee7b7 ;}
.bg-Emerald-400 {background-color: #34d399 ;}
.bg-Emerald-500 {background-color: #10b981 ;}
.bg-Emerald-600 {background-color: #059669 ;}
.bg-Emerald-700 {background-color: #047857 ;}
.bg-Emerald-800 {background-color: #065f46 ;}
.bg-Emerald-900 {background-color: #064e3b ;}
.bg-Emerald-950 {background-color: #022c22 ;}

.bg-Teal-50  {background-color: #f0fdfa ;}
.bg-Teal-100 {background-color: #ccfbf1 ;}
.bg-Teal-200 {background-color: #99f6e4 ;}
.bg-Teal-300 {background-color: #5eead4 ;}
.bg-Teal-400 {background-color: #2dd4bf ;}
.bg-Teal-500 {background-color: #14b8a6 ;}
.bg-Teal-600 {background-color: #0d9488 ;}
.bg-Teal-700 {background-color: #0f766e ;}
.bg-Teal-800 {background-color: #115e59 ;}
.bg-Teal-900 {background-color: #134e4a ;}
.bg-Teal-950 {background-color: #042f2e ;}

.bg-Cyan-50  {background-color: #ecfeff ;}
.bg-Cyan-100 {background-color: #cffafe ;}
.bg-Cyan-200 {background-color: #a5f3fc ;}
.bg-Cyan-300 {background-color: #67e8f9 ;}
.bg-Cyan-400 {background-color: #22d3ee ;}
.bg-Cyan-500 {background-color: #06b6d4 ;}
.bg-Cyan-600 {background-color: #0891b2 ;}
.bg-Cyan-700 {background-color: #0e7490 ;}
.bg-Cyan-800 {background-color: #155e75 ;}
.bg-Cyan-900 {background-color: #164e63 ;}
.bg-Cyan-950 {background-color: #083344 ;}

.bg-Sky-50  {background-color: #f0f9ff ;}
.bg-Sky-100 {background-color: #e0f2fe ;}
.bg-Sky-200 {background-color: #bae6fd ;}
.bg-Sky-300 {background-color: #7dd3fc ;}
.bg-Sky-400 {background-color: #38bdf8 ;}
.bg-Sky-500 {background-color: #0ea5e9 ;}
.bg-Sky-600 {background-color: #0284c7 ;}
.bg-Sky-700 {background-color: #0369a1 ;}
.bg-Sky-800 {background-color: #075985 ;}
.bg-Sky-900 {background-color: #0c4a6e ;}
.bg-Sky-950 {background-color: #082f49 ;}

.bg-Blue-50  {background-color: #eff6ff ;}
.bg-Blue-100 {background-color: #dbeafe ;}
.bg-Blue-200 {background-color: #bfdbfe ;}
.bg-Blue-300 {background-color: #93c5fd ;}
.bg-Blue-400 {background-color: #60a5fa ;}
.bg-Blue-500 {background-color: #3b82f6 ;}
.bg-Blue-600 {background-color: #2563eb ;}
.bg-Blue-700 {background-color: #1d4ed8 ;}
.bg-Blue-800 {background-color: #1e40af ;}
.bg-Blue-900 {background-color: #1e3a8a ;}
.bg-Blue-950 {background-color: #172554 ;}

.bg-Indigo-50  {background-color: #eef2ff ;}
.bg-Indigo-100 {background-color: #e0e7ff ;}
.bg-Indigo-200 {background-color: #bfdbfe ;}
.bg-Indigo-300 {background-color: #c7d2fe ;}
.bg-Indigo-400 {background-color: #a5b4fc ;}
.bg-Indigo-500 {background-color: #818cf8 ;}
.bg-Indigo-600 {background-color: #4f46e5 ;}
.bg-Indigo-700 {background-color: #4338ca ;}
.bg-Indigo-800 {background-color: #3730a3 ;}
.bg-Indigo-900 {background-color: #312e81 ;}
.bg-Indigo-950 {background-color: #1e1b4b ;}

.bg-Violet-50  {background-color: #f5f3ff ;}
.bg-Violet-100 {background-color: #ede9fe ;}
.bg-Violet-200 {background-color: #ddd6fe ;}
.bg-Violet-300 {background-color: #c4b5fd ;}
.bg-Violet-400 {background-color: #a78bfa ;}
.bg-Violet-500 {background-color: #8b5cf6 ;}
.bg-Violet-600 {background-color: #7c3aed ;}
.bg-Violet-700 {background-color: #6d28d9 ;}
.bg-Violet-800 {background-color: #5b21b6 ;}
.bg-Violet-900 {background-color: #4c1d95 ;}
.bg-Violet-950 {background-color: #2e1065 ;}

.bg-Purple-50  {background-color: #faf5ff ;}
.bg-Purple-100 {background-color: #f3e8ff ;}
.bg-Purple-200 {background-color: #e9d5ff ;}
.bg-Purple-300 {background-color: #d8b4fe ;}
.bg-Purple-400 {background-color: #c084fc ;}
.bg-Purple-500 {background-color: #a855f7 ;}
.bg-Purple-600 {background-color: #9333ea ;}
.bg-Purple-700 {background-color: #7e22ce ;}
.bg-Purple-800 {background-color: #6b21a8 ;}
.bg-Purple-900 {background-color: #581c87 ;}
.bg-Purple-950 {background-color: #3b0764 ;}

.bg-Fuchsia-50  {background-color: #fdf4ff ;}
.bg-Fuchsia-100 {background-color: #fae8ff ;}
.bg-Fuchsia-200 {background-color: #f5d0fe ;}
.bg-Fuchsia-300 {background-color: #f0abfc ;}
.bg-Fuchsia-400 {background-color: #e879f9 ;}
.bg-Fuchsia-500 {background-color: #d946ef ;}
.bg-Fuchsia-600 {background-color: #c026d3 ;}
.bg-Fuchsia-700 {background-color: #a21caf ;}
.bg-Fuchsia-800 {background-color: #86198f ;}
.bg-Fuchsia-900 {background-color: #701a75 ;}
.bg-Fuchsia-950 {background-color: #4a044e ;}

.bg-Pink-50  {background-color: #fdf2f8 ;}
.bg-Pink-100 {background-color: #fce7f3 ;}
.bg-Pink-200 {background-color: #fbcfe8 ;}
.bg-Pink-300 {background-color: #f9a8d4 ;}
.bg-Pink-400 {background-color: #f472b6 ;}
.bg-Pink-500 {background-color: #ec4899 ;}
.bg-Pink-600 {background-color: #db2777 ;}
.bg-Pink-700 {background-color: #be185d ;}
.bg-Pink-800 {background-color: #9d174d ;}
.bg-Pink-900 {background-color: #831843 ;}
.bg-Pink-950 {background-color: #500724 ;}

.bg-Rose-50  {background-color: #fff1f2 ;}
.bg-Rose-100 {background-color: #ffe4e6 ;}
.bg-Rose-200 {background-color: #fecdd3 ;}
.bg-Rose-300 {background-color: #fda4af ;}
.bg-Rose-400 {background-color: #fb7185 ;}
.bg-Rose-500 {background-color: #f43f5e ;}
.bg-Rose-600 {background-color: #e11d48 ;}
.bg-Rose-700 {background-color: #be123c ;}
.bg-Rose-800 {background-color: #9f1239 ;}
.bg-Rose-900 {background-color: #881337 ;}
.bg-Rose-950 {background-color: #4c0519 ;}

.Slate-50  {color: #f8fafc ;}
.Slate-100 {color: #f1f5f9 ;}
.Slate-200 {color: #e2e8f0 ;}
.Slate-300 {color: #cbd5e1 ;}
.Slate-400 {color: #94a3b8 ;}
.Slate-500 {color: #64748b ;}
.Slate-600 {color: #475569 ;}
.Slate-700 {color: #334155 ;}
.Slate-800 {color: #1e293b ;}
.Slate-900 {color: #0f172a ;}
.Slate-950 {color: #020617 ;}

.Gray-50  {color: #f9fafb ;}
.Gray-100 {color: #f3f4f6 ;}
.Gray-200 {color: #e5e7eb ;}
.Gray-300 {color: #d1d5db ;}
.Gray-400 {color: #9ca3af ;}
.Gray-500 {color: #6b7280 ;}
.Gray-600 {color: #4b5563 ;}
.Gray-700 {color: #374151 ;}
.Gray-800 {color: #1f2937 ;}
.Gray-900 {color: #111827 ;}
.Gray-950 {color: #030712 ;}

.Zinc-50  {color: #fafafa ;}
.Zinc-100 {color: #f4f4f5 ;}
.Zinc-200 {color: #e4e4e7 ;}
.Zinc-300 {color: #d4d4d8 ;}
.Zinc-400 {color: #a1a1aa ;}
.Zinc-500 {color: #71717a ;}
.Zinc-600 {color: #52525b ;}
.Zinc-700 {color: #3f3f46 ;}
.Zinc-800 {color: #27272a ;}
.Zinc-900 {color: #18181b ;}
.Zinc-950 {color: #09090b ;}

.Neutral-50  {color: #fafafa ;}
.Neutral-100 {color: #f5f5f5 ;}
.Neutral-200 {color: #e5e5e5 ;}
.Neutral-300 {color: #d4d4d4 ;}
.Neutral-400 {color: #a3a3a3 ;}
.Neutral-500 {color: #737373 ;}
.Neutral-600 {color: #525252 ;}
.Neutral-700 {color: #404040 ;}
.Neutral-800 {color: #262626 ;}
.Neutral-900 {color: #171717 ;}
.Neutral-950 {color: #0a0a0a ;}

.Stone-50  {color: #fafaf9 ;}
.Stone-100 {color: #f5f5f4 ;}
.Stone-200 {color: #e7e5e4 ;}
.Stone-300 {color: #d6d3d1 ;}
.Stone-400 {color: #a8a29e ;}
.Stone-500 {color: #78716c ;}
.Stone-600 {color: #57534e ;}
.Stone-700 {color: #44403c ;}
.Stone-800 {color: #292524 ;}
.Stone-900 {color: #1c1917 ;}
.Stone-950 {color: #0c0a09 ;}

.Red-50  {color: #fef2f2 ;}
.Red-100 {color: #fee2e2 ;}
.Red-200 {color: #fecaca ;}
.Red-300 {color: #fca5a5 ;}
.Red-400 {color: #f87171 ;}
.Red-500 {color: #ef4444 ;}
.Red-600 {color: #dc2626 ;}
.Red-700 {color: #b91c1c ;}
.Red-800 {color: #991b1b ;}
.Red-900 {color: #7f1d1d ;}
.Red-950 {color: #450a0a ;}


.Orange-50  {color: #fff7ed ;}
.Orange-100 {color: #ffedd5 ;}
.Orange-200 {color: #fed7aa ;}
.Orange-300 {color: #fdba74 ;}
.Orange-400 {color: #fb923c ;}
.Orange-500 {color: #f97316 ;}
.Orange-600 {color: #ea580c ;}
.Orange-700 {color: #c2410c ;}
.Orange-800 {color: #9a3412 ;}
.Orange-900 {color: #7c2d12 ;}
.Orange-950 {color: #431407 ;}

.Amber-50  {color: #fffbeb ;}
.Amber-100 {color: #fef3c7 ;}
.Amber-200 {color: #fde68a ;}
.Amber-300 {color: #fcd34d ;}
.Amber-400 {color: #fbbf24 ;}
.Amber-500 {color: #f59e0b ;}
.Amber-600 {color: #d97706 ;}
.Amber-700 {color: #b45309 ;}
.Amber-800 {color: #92400e ;}
.Amber-900 {color: #78350f ;}
.Amber-950 {color: #451a03 ;}

.Yellow-50  {color: #fefce8 ;}
.Yellow-100 {color: #fef9c3 ;}
.Yellow-200 {color: #fef08a ;}
.Yellow-300 {color: #fde047 ;}
.Yellow-400 {color: #facc15 ;}
.Yellow-500 {color: #eab308 ;}
.Yellow-600 {color: #ca8a04 ;}
.Yellow-700 {color: #a16207 ;}
.Yellow-800 {color: #854d0e ;}
.Yellow-900 {color: #713f12 ;}
.Yellow-950 {color: #422006 ;}

.Lime-50  {color: #f7fee7 ;}
.Lime-100 {color: #ecfccb ;}
.Lime-200 {color: #d9f99d ;}
.Lime-300 {color: #bef264 ;}
.Lime-400 {color: #a3e635 ;}
.Lime-500 {color: #84cc16 ;}
.Lime-600 {color: #65a30d ;}
.Lime-700 {color: #4d7c0f ;}
.Lime-800 {color: #3f6212 ;}
.Lime-900 {color: #365314 ;}
.Lime-950 {color: #1a2e05 ;}

.Green-50  {color: #f0fdf4 ;}
.Green-100 {color: #dcfce7 ;}
.Green-200 {color: #bbf7d0 ;}
.Green-300 {color: #86efac ;}
.Green-400 {color: #4ade80 ;}
.Green-500 {color: #22c55e ;}
.Green-600 {color: #16a34a ;}
.Green-700 {color: #15803d ;}
.Green-800 {color: #166534 ;}
.Green-900 {color: #14532d ;}
.Green-950 {color: #052e16 ;}

.Emerald-50  {color: #ecfdf5 ;}
.Emerald-100 {color: #d1fae5 ;}
.Emerald-200 {color: #a7f3d0 ;}
.Emerald-300 {color: #6ee7b7 ;}
.Emerald-400 {color: #34d399 ;}
.Emerald-500 {color: #10b981 ;}
.Emerald-600 {color: #059669 ;}
.Emerald-700 {color: #047857 ;}
.Emerald-800 {color: #065f46 ;}
.Emerald-900 {color: #064e3b ;}
.Emerald-950 {color: #022c22 ;}

.Teal-50  {color: #f0fdfa ;}
.Teal-100 {color: #ccfbf1 ;}
.Teal-200 {color: #99f6e4 ;}
.Teal-300 {color: #5eead4 ;}
.Teal-400 {color: #2dd4bf ;}
.Teal-500 {color: #14b8a6 ;}
.Teal-600 {color: #0d9488 ;}
.Teal-700 {color: #0f766e ;}
.Teal-800 {color: #115e59 ;}
.Teal-900 {color: #134e4a ;}
.Teal-950 {color: #042f2e ;}

.Cyan-50  {color: #ecfeff ;}
.Cyan-100 {color: #cffafe ;}
.Cyan-200 {color: #a5f3fc ;}
.Cyan-300 {color: #67e8f9 ;}
.Cyan-400 {color: #22d3ee ;}
.Cyan-500 {color: #06b6d4 ;}
.Cyan-600 {color: #0891b2 ;}
.Cyan-700 {color: #0e7490 ;}
.Cyan-800 {color: #155e75 ;}
.Cyan-900 {color: #164e63 ;}
.Cyan-950 {color: #083344 ;}

.Sky-50  {color: #f0f9ff ;}
.Sky-100 {color: #e0f2fe ;}
.Sky-200 {color: #bae6fd ;}
.Sky-300 {color: #7dd3fc ;}
.Sky-400 {color: #38bdf8 ;}
.Sky-500 {color: #0ea5e9 ;}
.Sky-600 {color: #0284c7 ;}
.Sky-700 {color: #0369a1 ;}
.Sky-800 {color: #075985 ;}
.Sky-900 {color: #0c4a6e ;}
.Sky-950 {color: #082f49 ;}

.Blue-50  {color: #eff6ff ;}
.Blue-100 {color: #dbeafe ;}
.Blue-200 {color: #bfdbfe ;}
.Blue-300 {color: #93c5fd ;}
.Blue-400 {color: #60a5fa ;}
.Blue-500 {color: #3b82f6 ;}
.Blue-600 {color: #2563eb ;}
.Blue-700 {color: #1d4ed8 ;}
.Blue-800 {color: #1e40af ;}
.Blue-900 {color: #1e3a8a ;}
.Blue-950 {color: #172554 ;}

.Indigo-50  {color: #eef2ff ;}
.Indigo-100 {color: #e0e7ff ;}
.Indigo-200 {color: #bfdbfe ;}
.Indigo-300 {color: #c7d2fe ;}
.Indigo-400 {color: #a5b4fc ;}
.Indigo-500 {color: #818cf8 ;}
.Indigo-600 {color: #4f46e5 ;}
.Indigo-700 {color: #4338ca ;}
.Indigo-800 {color: #3730a3 ;}
.Indigo-900 {color: #312e81 ;}
.Indigo-950 {color: #1e1b4b ;}

.Violet-50  {color: #f5f3ff ;}
.Violet-100 {color: #ede9fe ;}
.Violet-200 {color: #ddd6fe ;}
.Violet-300 {color: #c4b5fd ;}
.Violet-400 {color: #a78bfa ;}
.Violet-500 {color: #8b5cf6 ;}
.Violet-600 {color: #7c3aed ;}
.Violet-700 {color: #6d28d9 ;}
.Violet-800 {color: #5b21b6 ;}
.Violet-900 {color: #4c1d95 ;}
.Violet-950 {color: #2e1065 ;}

.Purple-50  {color: #faf5ff ;}
.Purple-100 {color: #f3e8ff ;}
.Purple-200 {color: #e9d5ff ;}
.Purple-300 {color: #d8b4fe ;}
.Purple-400 {color: #c084fc ;}
.Purple-500 {color: #a855f7 ;}
.Purple-600 {color: #9333ea ;}
.Purple-700 {color: #7e22ce ;}
.Purple-800 {color: #6b21a8 ;}
.Purple-900 {color: #581c87 ;}
.Purple-950 {color: #3b0764 ;}

.Fuchsia-50  {color: #fdf4ff ;}
.Fuchsia-100 {color: #fae8ff ;}
.Fuchsia-200 {color: #f5d0fe ;}
.Fuchsia-300 {color: #f0abfc ;}
.Fuchsia-400 {color: #e879f9 ;}
.Fuchsia-500 {color: #d946ef ;}
.Fuchsia-600 {color: #c026d3 ;}
.Fuchsia-700 {color: #a21caf ;}
.Fuchsia-800 {color: #86198f ;}
.Fuchsia-900 {color: #701a75 ;}
.Fuchsia-950 {color: #4a044e ;}

.Pink-50  {color: #fdf2f8 ;}
.Pink-100 {color: #fce7f3 ;}
.Pink-200 {color: #fbcfe8 ;}
.Pink-300 {color: #f9a8d4 ;}
.Pink-400 {color: #f472b6 ;}
.Pink-500 {color: #ec4899 ;}
.Pink-600 {color: #db2777 ;}
.Pink-700 {color: #be185d ;}
.Pink-800 {color: #9d174d ;}
.Pink-900 {color: #831843 ;}
.Pink-950 {color: #500724 ;}

.Rose-50  {color: #fff1f2 ;}
.Rose-100 {color: #ffe4e6 ;}
.Rose-200 {color: #fecdd3 ;}
.Rose-300 {color: #fda4af ;}
.Rose-400 {color: #fb7185 ;}
.Rose-500 {color: #f43f5e ;}
.Rose-600 {color: #e11d48 ;}
.Rose-700 {color: #be123c ;}
.Rose-800 {color: #9f1239 ;}
.Rose-900 {color: #881337 ;}
.Rose-950 {color: #4c0519 ;}

.hover\:bg-trans:hover     {background-color: transparent ; }
.hover\:bg-Slate-50:hover  {background-color: #f8fafc ;}
.hover\:bg-Slate-100:hover {background-color: #f1f5f9 ;}
.hover\:bg-Slate-200:hover {background-color: #e2e8f0 ;}
.hover\:bg-Slate-300:hover {background-color: #cbd5e1 ;}
.hover\:bg-Slate-400:hover {background-color: #94a3b8 ;}
.hover\:bg-Slate-500:hover {background-color: #64748b ;}
.hover\:bg-Slate-600:hover {background-color: #475569 ;}
.hover\:bg-Slate-700:hover {background-color: #334155 ;}
.hover\:bg-Slate-800:hover {background-color: #1e293b ;}
.hover\:bg-Slate-900:hover {background-color: #0f172a ;}
.hover\:bg-Slate-950:hover {background-color: #020617 ;}

.hover\:bg-Gray-50:hover  {background-color: #f9fafb ;}
.hover\:bg-Gray-100:hover {background-color: #f3f4f6 ;}
.hover\:bg-Gray-200:hover {background-color: #e5e7eb ;}
.hover\:bg-Gray-300:hover {background-color: #d1d5db ;}
.hover\:bg-Gray-400:hover {background-color: #9ca3af ;}
.hover\:bg-Gray-500:hover {background-color: #6b7280 ;}
.hover\:bg-Gray-600:hover {background-color: #4b5563 ;}
.hover\:bg-Gray-700:hover {background-color: #374151 ;}
.hover\:bg-Gray-800:hover {background-color: #1f2937 ;}
.hover\:bg-Gray-900:hover {background-color: #111827 ;}
.hover\:bg-Gray-950:hover {background-color: #030712 ;}

.hover\:bg-Zinc-50:hover  {background-color: #fafafa ;}
.hover\:bg-Zinc-100:hover {background-color: #f4f4f5 ;}
.hover\:bg-Zinc-200:hover {background-color: #e4e4e7 ;}
.hover\:bg-Zinc-300:hover {background-color: #d4d4d8 ;}
.hover\:bg-Zinc-400:hover {background-color: #a1a1aa ;}
.hover\:bg-Zinc-500:hover {background-color: #71717a ;}
.hover\:bg-Zinc-600:hover {background-color: #52525b ;}
.hover\:bg-Zinc-700:hover {background-color: #3f3f46 ;}
.hover\:bg-Zinc-800:hover {background-color: #27272a ;}
.hover\:bg-Zinc-900:hover {background-color: #18181b ;}
.hover\:bg-Zinc-950:hover {background-color: #09090b ;}

.hover\:bg-Neutral-50:hover  {background-color: #fafafa ;}
.hover\:bg-Neutral-100:hover {background-color: #f5f5f5 ;}
.hover\:bg-Neutral-200:hover {background-color: #e5e5e5 ;}
.hover\:bg-Neutral-300:hover {background-color: #d4d4d4 ;}
.hover\:bg-Neutral-400:hover {background-color: #a3a3a3 ;}
.hover\:bg-Neutral-500:hover {background-color: #737373 ;}
.hover\:bg-Neutral-600:hover {background-color: #525252 ;}
.hover\:bg-Neutral-700:hover {background-color: #404040 ;}
.hover\:bg-Neutral-800:hover {background-color: #262626 ;}
.hover\:bg-Neutral-900:hover {background-color: #171717 ;}
.hover\:bg-Neutral-950:hover {background-color: #0a0a0a ;}

.hover\:bg-Stone-50:hover  {background-color: #fafaf9 ;}
.hover\:bg-Stone-100:hover {background-color: #f5f5f4 ;}
.hover\:bg-Stone-200:hover {background-color: #e7e5e4 ;}
.hover\:bg-Stone-300:hover {background-color: #d6d3d1 ;}
.hover\:bg-Stone-400:hover {background-color: #a8a29e ;}
.hover\:bg-Stone-500:hover {background-color: #78716c ;}
.hover\:bg-Stone-600:hover {background-color: #57534e ;}
.hover\:bg-Stone-700:hover {background-color: #44403c ;}
.hover\:bg-Stone-800:hover {background-color: #292524 ;}
.hover\:bg-Stone-900:hover {background-color: #1c1917 ;}
.hover\:bg-Stone-950:hover {background-color: #0c0a09 ;}

.hover\:bg-Red-50:hover  {background-color: #fef2f2 ;}
.hover\:bg-Red-100:hover {background-color: #fee2e2 ;}
.hover\:bg-Red-200:hover {background-color: #fecaca ;}
.hover\:bg-Red-300:hover {background-color: #fca5a5 ;}
.hover\:bg-Red-400:hover {background-color: #f87171 ;}
.hover\:bg-Red-500:hover {background-color: #ef4444 ;}
.hover\:bg-Red-600:hover {background-color: #dc2626 ;}
.hover\:bg-Red-700:hover {background-color: #b91c1c ;}
.hover\:bg-Red-800:hover {background-color: #991b1b ;}
.hover\:bg-Red-900:hover {background-color: #7f1d1d ;}
.hover\:bg-Red-950:hover {background-color: #450a0a ;}


.hover\:bg-Orange-50:hover  {background-color: #fff7ed ;}
.hover\:bg-Orange-100:hover {background-color: #ffedd5 ;}
.hover\:bg-Orange-200:hover {background-color: #fed7aa ;}
.hover\:bg-Orange-300:hover {background-color: #fdba74 ;}
.hover\:bg-Orange-400:hover {background-color: #fb923c ;}
.hover\:bg-Orange-500:hover {background-color: #f97316 ;}
.hover\:bg-Orange-600:hover {background-color: #ea580c ;}
.hover\:bg-Orange-700:hover {background-color: #c2410c ;}
.hover\:bg-Orange-800:hover {background-color: #9a3412 ;}
.hover\:bg-Orange-900:hover {background-color: #7c2d12 ;}
.hover\:bg-Orange-950:hover {background-color: #431407 ;}

.hover\:bg-Amber-50:hover  {background-color: #fffbeb ;}
.hover\:bg-Amber-100:hover {background-color: #fef3c7 ;}
.hover\:bg-Amber-200:hover {background-color: #fde68a ;}
.hover\:bg-Amber-300:hover {background-color: #fcd34d ;}
.hover\:bg-Amber-400:hover {background-color: #fbbf24 ;}
.hover\:bg-Amber-500:hover {background-color: #f59e0b ;}
.hover\:bg-Amber-600:hover {background-color: #d97706 ;}
.hover\:bg-Amber-700:hover {background-color: #b45309 ;}
.hover\:bg-Amber-800:hover {background-color: #924005 ;}
.hover\:bg-Amber-900:hover {background-color: #783505 ;color: rgb(255,255,255)}
.hover\:bg-Amber-950:hover {background-color: #451a03 ;}

.hover\:bg-Yellow-50:hover  {background-color: #fefce8 ;}
.hover\:bg-Yellow-100:hover {background-color: #fef9c3 ;}
.hover\:bg-Yellow-200:hover {background-color: #fef08a ;}
.hover\:bg-Yellow-300:hover {background-color: #fde047 ;}
.hover\:bg-Yellow-400:hover {background-color: #facc15 ;}
.hover\:bg-Yellow-500:hover {background-color: #eab308 ;}
.hover\:bg-Yellow-600:hover {background-color: #ca8a04 ;}
.hover\:bg-Yellow-700:hover {background-color: #a16207 ;}
.hover\:bg-Yellow-800:hover {background-color: #854d0e ;}
.hover\:bg-Yellow-900:hover {background-color: #713f12 ;}
.hover\:bg-Yellow-950:hover {background-color: #422006 ;}

.hover\:bg-Lime-50:hover  {background-color: #f7fee7 ;}
.hover\:bg-Lime-100:hover {background-color: #ecfccb ;}
.hover\:bg-Lime-200:hover {background-color: #d9f99d ;}
.hover\:bg-Lime-300:hover {background-color: #bef264 ;}
.hover\:bg-Lime-400:hover {background-color: #a3e635 ;}
.hover\:bg-Lime-500:hover {background-color: #84cc16 ;}
.hover\:bg-Lime-600:hover {background-color: #65a30d ;}
.hover\:bg-Lime-700:hover {background-color: #4d7c0f ;}
.hover\:bg-Lime-800:hover {background-color: #3f6212 ;}
.hover\:bg-Lime-900:hover {background-color: #365314 ;}
.hover\:bg-Lime-950:hover {background-color: #1a2e05 ;}

.hover\:bg-Green-50:hover  {background-color: #f0fdf4 ;}
.hover\:bg-Green-100:hover {background-color: #dcfce7 ;}
.hover\:bg-Green-200:hover {background-color: #bbf7d0 ;}
.hover\:bg-Green-300:hover {background-color: #86efac ;}
.hover\:bg-Green-400:hover {background-color: #4ade80 ;}
.hover\:bg-Green-500:hover {background-color: #22c55e ;}
.hover\:bg-Green-600:hover {background-color: #16a34a ;}
.hover\:bg-Green-700:hover {background-color: #15803d ;}
.hover\:bg-Green-800:hover {background-color: #166534 ;}
.hover\:bg-Green-900:hover {background-color: #14532d ;}
.hover\:bg-Green-950:hover {background-color: #052e16 ;}

.hover\:bg-Emerald-50:hover  {background-color: #ecfdf5 ;}
.hover\:bg-Emerald-100:hover {background-color: #d1fae5 ;}
.hover\:bg-Emerald-200:hover {background-color: #a7f3d0 ;}
.hover\:bg-Emerald-300:hover {background-color: #6ee7b7 ;}
.hover\:bg-Emerald-400:hover {background-color: #34d399 ;}
.hover\:bg-Emerald-500:hover {background-color: #10b981 ;}
.hover\:bg-Emerald-600:hover {background-color: #059669 ;}
.hover\:bg-Emerald-700:hover {background-color: #047857 ;}
.hover\:bg-Emerald-800:hover {background-color: #065f46 ;}
.hover\:bg-Emerald-900:hover {background-color: #064e3b ;}
.hover\:bg-Emerald-950:hover {background-color: #022c22 ;}

.hover\:bg-Teal-50:hover  {background-color: #f0fdfa ;}
.hover\:bg-Teal-100:hover {background-color: #ccfbf1 ;}
.hover\:bg-Teal-200:hover {background-color: #99f6e4 ;}
.hover\:bg-Teal-300:hover {background-color: #5eead4 ;}
.hover\:bg-Teal-400:hover {background-color: #2dd4bf ;}
.hover\:bg-Teal-500:hover {background-color: #14b8a6 ;}
.hover\:bg-Teal-600:hover {background-color: #0d9488 ;}
.hover\:bg-Teal-700:hover {background-color: #0f766e ;}
.hover\:bg-Teal-800:hover {background-color: #115e59 ;}
.hover\:bg-Teal-900:hover {background-color: #134e4a ;}
.hover\:bg-Teal-950:hover {background-color: #042f2e ;}

.hover\:bg-Cyan-50:hover  {background-color: #ecfeff ;}
.hover\:bg-Cyan-100:hover {background-color: #cffafe ;}
.hover\:bg-Cyan-200:hover {background-color: #a5f3fc ;}
.hover\:bg-Cyan-300:hover {background-color: #67e8f9 ;}
.hover\:bg-Cyan-400:hover {background-color: #22d3ee ;}
.hover\:bg-Cyan-500:hover {background-color: #06b6d4 ;}
.hover\:bg-Cyan-600:hover {background-color: #0891b2 ;}
.hover\:bg-Cyan-700:hover {background-color: #0e7490 ;}
.hover\:bg-Cyan-800:hover {background-color: #155e75 ;}
.hover\:bg-Cyan-900:hover {background-color: #164e63 ;}
.hover\:bg-Cyan-950:hover {background-color: #083344 ;}

.hover\:bg-Sky-50:hover  {background-color: #f0f9ff ;}
.hover\:bg-Sky-100:hover {background-color: #e0f2fe ;}
.hover\:bg-Sky-200:hover {background-color: #bae6fd ;}
.hover\:bg-Sky-300:hover {background-color: #7dd3fc ;}
.hover\:bg-Sky-400:hover {background-color: #38bdf8 ;}
.hover\:bg-Sky-500:hover {background-color: #0ea5e9 ;}
.hover\:bg-Sky-600:hover {background-color: #0284c7 ;}
.hover\:bg-Sky-700:hover {background-color: #0369a1 ;}
.hover\:bg-Sky-800:hover {background-color: #075985 ;}
.hover\:bg-Sky-900:hover {background-color: #0c4a6e ;}
.hover\:bg-Sky-950:hover {background-color: #082f49 ;}

.hover\:bg-Blue-50:hover  {background-color: #eff6ff ;}
.hover\:bg-Blue-100:hover {background-color: #dbeafe ;}
.hover\:bg-Blue-200:hover {background-color: #bfdbfe ;}
.hover\:bg-Blue-300:hover {background-color: #93c5fd ;}
.hover\:bg-Blue-400:hover {background-color: #60a5fa ;}
.hover\:bg-Blue-500:hover {background-color: #3b82f6 ;}
.hover\:bg-Blue-600:hover {background-color: #2563eb ;}
.hover\:bg-Blue-700:hover {background-color: #1d4ed8 ;}
.hover\:bg-Blue-800:hover {background-color: #1e40af ;}
.hover\:bg-Blue-900:hover {background-color: #1e3a8a ;}
.hover\:bg-Blue-950:hover {background-color: #172554 ;}

.hover\:bg-Indigo-50:hover  {background-color: #eef2ff ;}
.hover\:bg-Indigo-100:hover {background-color: #e0e7ff ;}
.hover\:bg-Indigo-200:hover {background-color: #bfdbfe ;}
.hover\:bg-Indigo-300:hover {background-color: #c7d2fe ;}
.hover\:bg-Indigo-400:hover {background-color: #a5b4fc ;}
.hover\:bg-Indigo-500:hover {background-color: #818cf8 ;}
.hover\:bg-Indigo-600:hover {background-color: #4f46e5 ;}
.hover\:bg-Indigo-700:hover {background-color: #4338ca ;}
.hover\:bg-Indigo-800:hover {background-color: #3730a3 ;}
.hover\:bg-Indigo-900:hover {background-color: #312e81 ;}
.hover\:bg-Indigo-950:hover {background-color: #1e1b4b ;}

.hover\:bg-Violet-50:hover  {background-color: #f5f3ff ;}
.hover\:bg-Violet-100:hover {background-color: #ede9fe ;}
.hover\:bg-Violet-200:hover {background-color: #ddd6fe ;}
.hover\:bg-Violet-300:hover {background-color: #c4b5fd ;}
.hover\:bg-Violet-400:hover {background-color: #a78bfa ;}
.hover\:bg-Violet-500:hover {background-color: #8b5cf6 ;}
.hover\:bg-Violet-600:hover {background-color: #7c3aed ;}
.hover\:bg-Violet-700:hover {background-color: #6d28d9 ;}
.hover\:bg-Violet-800:hover {background-color: #5b21b6 ;}
.hover\:bg-Violet-900:hover {background-color: #4c1d95 ;}
.hover\:bg-Violet-950:hover {background-color: #2e1065 ;}

.hover\:bg-Purple-50:hover  {background-color: #faf5ff ;}
.hover\:bg-Purple-100:hover {background-color: #f3e8ff ;}
.hover\:bg-Purple-200:hover {background-color: #e9d5ff ;}
.hover\:bg-Purple-300:hover {background-color: #d8b4fe ;}
.hover\:bg-Purple-400:hover {background-color: #c084fc ;}
.hover\:bg-Purple-500:hover {background-color: #a855f7 ;}
.hover\:bg-Purple-600:hover {background-color: #9333ea ;}
.hover\:bg-Purple-700:hover {background-color: #7e22ce ;}
.hover\:bg-Purple-800:hover {background-color: #6b21a8 ;}
.hover\:bg-Purple-900:hover {background-color: #581c87 ;}
.hover\:bg-Purple-950:hover {background-color: #3b0764 ;}

.hover\:bg-Fuchsia-50:hover  {background-color: #fdf4ff ;}
.hover\:bg-Fuchsia-100:hover {background-color: #fae8ff ;}
.hover\:bg-Fuchsia-200:hover {background-color: #f5d0fe ;}
.hover\:bg-Fuchsia-300:hover {background-color: #f0abfc ;}
.hover\:bg-Fuchsia-400:hover {background-color: #e879f9 ;}
.hover\:bg-Fuchsia-500:hover {background-color: #d946ef ;}
.hover\:bg-Fuchsia-600:hover {background-color: #c026d3 ;}
.hover\:bg-Fuchsia-700:hover {background-color: #a21caf ;}
.hover\:bg-Fuchsia-800:hover {background-color: #86198f ;}
.hover\:bg-Fuchsia-900:hover {background-color: #701a75 ;}
.hover\:bg-Fuchsia-950:hover {background-color: #4a044e ;}

.hover\:bg-Pink-50:hover  {background-color: #fdf2f8 ;}
.hover\:bg-Pink-100:hover {background-color: #fce7f3 ;}
.hover\:bg-Pink-200:hover {background-color: #fbcfe8 ;}
.hover\:bg-Pink-300:hover {background-color: #f9a8d4 ;}
.hover\:bg-Pink-400:hover {background-color: #f472b6 ;}
.hover\:bg-Pink-500:hover {background-color: #ec4899 ;}
.hover\:bg-Pink-600:hover {background-color: #db2777 ;}
.hover\:bg-Pink-700:hover {background-color: #be185d ;}
.hover\:bg-Pink-800:hover {background-color: #9d174d ;}
.hover\:bg-Pink-900:hover {background-color: #831843 ;}
.hover\:bg-Pink-950:hover {background-color: #500724 ;}

.hover\:bg-Rose-50:hover  {background-color: #fff1f2 ;}
.hover\:bg-Rose-100:hover {background-color: #ffe4e6 ;}
.hover\:bg-Rose-200:hover {background-color: #fecdd3 ;}
.hover\:bg-Rose-300:hover {background-color: #fda4af ;}
.hover\:bg-Rose-400:hover {background-color: #fb7185 ;}
.hover\:bg-Rose-500:hover {background-color: #f43f5e ;}
.hover\:bg-Rose-600:hover {background-color: #e11d48 ;}
.hover\:bg-Rose-700:hover {background-color: #be123c ;}
.hover\:bg-Rose-800:hover {background-color: #9f1239 ;}
.hover\:bg-Rose-900:hover {background-color: #881337 ;}
.hover\:bg-Rose-950:hover {background-color: #4c0519 ;}

.hover\:Slate-50:hover  {background-color: #f8fafc ;}
.hover\:Slate-100:hover {background-color: #f1f5f9 ;}
.hover\:Slate-200:hover {background-color: #e2e8f0 ;}
.hover\:Slate-300:hover {background-color: #cbd5e1 ;}
.hover\:Slate-400:hover {background-color: #94a3b8 ;}
.hover\:Slate-500:hover {background-color: #64748b ;}
.hover\:Slate-600:hover {background-color: #475569 ;}
.hover\:Slate-700:hover {background-color: #334155 ;}
.hover\:Slate-800:hover {background-color: #1e293b ;}
.hover\:Slate-900:hover {background-color: #0f172a ;}
.hover\:Slate-950:hover {background-color: #020617 ;}

.hover\:Gray-50:hover  {color: #f9fafb ;}
.hover\:Gray-100:hover {color: #f3f4f6 ;}
.hover\:Gray-200:hover {color: #e5e7eb ;}
.hover\:Gray-300:hover {color: #d1d5db ;}
.hover\:Gray-400:hover {color: #9ca3af ;}
.hover\:Gray-500:hover {color: #6b7280 ;}
.hover\:Gray-600:hover {color: #4b5563 ;}
.hover\:Gray-700:hover {color: #374151 ;}
.hover\:Gray-800:hover {color: #1f2937 ;}
.hover\:Gray-900:hover {color: #111827 ;}
.hover\:Gray-950:hover {color: #030712 ;}

.hover\:Zinc-50:hover  {color: #fafafa ;}
.hover\:Zinc-100:hover {color: #f4f4f5 ;}
.hover\:Zinc-200:hover {color: #e4e4e7 ;}
.hover\:Zinc-300:hover {color: #d4d4d8 ;}
.hover\:Zinc-400:hover {color: #a1a1aa ;}
.hover\:Zinc-500:hover {color: #71717a ;}
.hover\:Zinc-600:hover {color: #52525b ;}
.hover\:Zinc-700:hover {color: #3f3f46 ;}
.hover\:Zinc-800:hover {color: #27272a ;}
.hover\:Zinc-900:hover {color: #18181b ;}
.hover\:Zinc-950:hover {color: #09090b ;}

.hover\:Neutral-50:hover  {color: #fafafa ;}
.hover\:Neutral-100:hover {color: #f5f5f5 ;}
.hover\:Neutral-200:hover {color: #e5e5e5 ;}
.hover\:Neutral-300:hover {color: #d4d4d4 ;}
.hover\:Neutral-400:hover {color: #a3a3a3 ;}
.hover\:Neutral-500:hover {color: #737373 ;}
.hover\:Neutral-600:hover {color: #525252 ;}
.hover\:Neutral-700:hover {color: #404040 ;}
.hover\:Neutral-800:hover {color: #262626 ;}
.hover\:Neutral-900:hover {color: #171717 ;}
.hover\:Neutral-950:hover {color: #0a0a0a ;}

.hover\:Stone-50:hover  {color: #fafaf9 ;}
.hover\:Stone-100:hover {color: #f5f5f4 ;}
.hover\:Stone-200:hover {color: #e7e5e4 ;}
.hover\:Stone-300:hover {color: #d6d3d1 ;}
.hover\:Stone-400:hover {color: #a8a29e ;}
.hover\:Stone-500:hover {color: #78716c ;}
.hover\:Stone-600:hover {color: #57534e ;}
.hover\:Stone-700:hover {color: #44403c ;}
.hover\:Stone-800:hover {color: #292524 ;}
.hover\:Stone-900:hover {color: #1c1917 ;}
.hover\:Stone-950:hover {color: #0c0a09 ;}

.hover\:Red-50:hover  {color: #fef2f2 ;}
.hover\:Red-100:hover {color: #fee2e2 ;}
.hover\:Red-200:hover {color: #fecaca ;}
.hover\:Red-300:hover {color: #fca5a5 ;}
.hover\:Red-400:hover {color: #f87171 ;}
.hover\:Red-500:hover {color: #ef4444 ;}
.hover\:Red-600:hover {color: #dc2626 ;}
.hover\:Red-700:hover {color: #b91c1c ;}
.hover\:Red-800:hover {color: #991b1b ;}
.hover\:Red-900:hover {color: #7f1d1d ;}
.hover\:Red-950:hover {color: #450a0a ;}


.hover\:Orange-50:hover  {color: #fff7ed ;}
.hover\:Orange-100:hover {color: #ffedd5 ;}
.hover\:Orange-200:hover {color: #fed7aa ;}
.hover\:Orange-300:hover {color: #fdba74 ;}
.hover\:Orange-400:hover {color: #fb923c ;}
.hover\:Orange-500:hover {color: #f97316 ;}
.hover\:Orange-600:hover {color: #ea580c ;}
.hover\:Orange-700:hover {color: #c2410c ;}
.hover\:Orange-800:hover {color: #9a3412 ;}
.hover\:Orange-900:hover {color: #7c2d12 ;}
.hover\:Orange-950:hover {color: #431407 ;}

.hover\:Amber-50:hover  {color: #fffbeb ;}
.hover\:Amber-100:hover {color: #fef3c7 ;}
.hover\:Amber-200:hover {color: #fde68a ;}
.hover\:Amber-300:hover {color: #fcd34d ;}
.hover\:Amber-400:hover {color: #fbbf24 ;}
.hover\:Amber-500:hover {color: #f59e0b ;}
.hover\:Amber-600:hover {color: #d97706 ;}
.hover\:Amber-700:hover {color: #b45309 ;}
.hover\:Amber-800:hover {color: #924005 ;}
.hover\:Amber-900:hover {color: #783505 ;}
.hover\:Amber-950:hover {color: #451a03 ;}

.hover\:Yellow-50:hover  {color: #fefce8 ;}
.hover\:Yellow-100:hover {color: #fef9c3 ;}
.hover\:Yellow-200:hover {color: #fef08a ;}
.hover\:Yellow-300:hover {color: #fde047 ;}
.hover\:Yellow-400:hover {color: #facc15 ;}
.hover\:Yellow-500:hover {color: #eab308 ;}
.hover\:Yellow-600:hover {color: #ca8a04 ;}
.hover\:Yellow-700:hover {color: #a16207 ;}
.hover\:Yellow-800:hover {color: #854d0e ;}
.hover\:Yellow-900:hover {color: #713f12 ;}
.hover\:Yellow-950:hover {color: #422006 ;}

.hover\:Lime-50:hover  {color: #f7fee7 ;}
.hover\:Lime-100:hover {color: #ecfccb ;}
.hover\:Lime-200:hover {color: #d9f99d ;}
.hover\:Lime-300:hover {color: #bef264 ;}
.hover\:Lime-400:hover {color: #a3e635 ;}
.hover\:Lime-500:hover {color: #84cc16 ;}
.hover\:Lime-600:hover {color: #65a30d ;}
.hover\:Lime-700:hover {color: #4d7c0f ;}
.hover\:Lime-800:hover {color: #3f6212 ;}
.hover\:Lime-900:hover {color: #365314 ;}
.hover\:Lime-950:hover {color: #1a2e05 ;}

.hover\:Green-50:hover  {color: #f0fdf4 ;}
.hover\:Green-100:hover {color: #dcfce7 ;}
.hover\:Green-200:hover {color: #bbf7d0 ;}
.hover\:Green-300:hover {color: #86efac ;}
.hover\:Green-400:hover {color: #4ade80 ;}
.hover\:Green-500:hover {color: #22c55e ;}
.hover\:Green-600:hover {color: #16a34a ;}
.hover\:Green-700:hover {color: #15803d ;}
.hover\:Green-800:hover {color: #166534 ;}
.hover\:Green-900:hover {color: #14532d ;}
.hover\:Green-950:hover {color: #052e16 ;}

.hover\:Emerald-50:hover  {color: #ecfdf5 ;}
.hover\:Emerald-100:hover {color: #d1fae5 ;}
.hover\:Emerald-200:hover {color: #a7f3d0 ;}
.hover\:Emerald-300:hover {color: #6ee7b7 ;}
.hover\:Emerald-400:hover {color: #34d399 ;}
.hover\:Emerald-500:hover {color: #10b981 ;}
.hover\:Emerald-600:hover {color: #059669 ;}
.hover\:Emerald-700:hover {color: #047857 ;}
.hover\:Emerald-800:hover {color: #065f46 ;}
.hover\:Emerald-900:hover {color: #064e3b ;}
.hover\:Emerald-950:hover {color: #022c22 ;}

.hover\:Teal-50:hover  {color: #f0fdfa ;}
.hover\:Teal-100:hover {color: #ccfbf1 ;}
.hover\:Teal-200:hover {color: #99f6e4 ;}
.hover\:Teal-300:hover {color: #5eead4 ;}
.hover\:Teal-400:hover {color: #2dd4bf ;}
.hover\:Teal-500:hover {color: #14b8a6 ;}
.hover\:Teal-600:hover {color: #0d9488 ;}
.hover\:Teal-700:hover {color: #0f766e ;}
.hover\:Teal-800:hover {color: #115e59 ;}
.hover\:Teal-900:hover {color: #134e4a ;}
.hover\:Teal-950:hover {color: #042f2e ;}

.hover\:Cyan-50:hover  {color: #ecfeff ;}
.hover\:Cyan-100:hover {color: #cffafe ;}
.hover\:Cyan-200:hover {color: #a5f3fc ;}
.hover\:Cyan-300:hover {color: #67e8f9 ;}
.hover\:Cyan-400:hover {color: #22d3ee ;}
.hover\:Cyan-500:hover {color: #06b6d4 ;}
.hover\:Cyan-600:hover {color: #0891b2 ;}
.hover\:Cyan-700:hover {color: #0e7490 ;}
.hover\:Cyan-800:hover {color: #155e75 ;}
.hover\:Cyan-900:hover {color: #164e63 ;}
.hover\:Cyan-950:hover {color: #083344 ;}

.hover\:Sky-50:hover  {color: #f0f9ff ;}
.hover\:Sky-100:hover {color: #e0f2fe ;}
.hover\:Sky-200:hover {color: #bae6fd ;}
.hover\:Sky-300:hover {color: #7dd3fc ;}
.hover\:Sky-400:hover {color: #38bdf8 ;}
.hover\:Sky-500:hover {color: #0ea5e9 ;}
.hover\:Sky-600:hover {color: #0284c7 ;}
.hover\:Sky-700:hover {color: #0369a1 ;}
.hover\:Sky-800:hover {color: #075985 ;}
.hover\:Sky-900:hover {color: #0c4a6e ;}
.hover\:Sky-950:hover {color: #082f49 ;}

.hover\:Blue-50:hover  {color: #eff6ff ;}
.hover\:Blue-100:hover {color: #dbeafe ;}
.hover\:Blue-200:hover {color: #bfdbfe ;}
.hover\:Blue-300:hover {color: #93c5fd ;}
.hover\:Blue-400:hover {color: #60a5fa ;}
.hover\:Blue-500:hover {color: #3b82f6 ;}
.hover\:Blue-600:hover {color: #2563eb ;}
.hover\:Blue-700:hover {color: #1d4ed8 ;}
.hover\:Blue-800:hover {color: #1e40af ;}
.hover\:Blue-900:hover {color: #1e3a8a ;}
.hover\:Blue-950:hover {color: #172554 ;}

.hover\:Indigo-50:hover  {color: #eef2ff ;}
.hover\:Indigo-100:hover {color: #e0e7ff ;}
.hover\:Indigo-200:hover {color: #bfdbfe ;}
.hover\:Indigo-300:hover {color: #c7d2fe ;}
.hover\:Indigo-400:hover {color: #a5b4fc ;}
.hover\:Indigo-500:hover {color: #818cf8 ;}
.hover\:Indigo-600:hover {color: #4f46e5 ;}
.hover\:Indigo-700:hover {color: #4338ca ;}
.hover\:Indigo-800:hover {color: #3730a3 ;}
.hover\:Indigo-900:hover {color: #312e81 ;}
.hover\:Indigo-950:hover {color: #1e1b4b ;}

.hover\:Violet-50:hover  {color: #f5f3ff ;}
.hover\:Violet-100:hover {color: #ede9fe ;}
.hover\:Violet-200:hover {color: #ddd6fe ;}
.hover\:Violet-300:hover {color: #c4b5fd ;}
.hover\:Violet-400:hover {color: #a78bfa ;}
.hover\:Violet-500:hover {color: #8b5cf6 ;}
.hover\:Violet-600:hover {color: #7c3aed ;}
.hover\:Violet-700:hover {color: #6d28d9 ;}
.hover\:Violet-800:hover {color: #5b21b6 ;}
.hover\:Violet-900:hover {color: #4c1d95 ;}
.hover\:Violet-950:hover {color: #2e1065 ;}

.hover\:Purple-50:hover  {color: #faf5ff ;}
.hover\:Purple-100:hover {color: #f3e8ff ;}
.hover\:Purple-200:hover {color: #e9d5ff ;}
.hover\:Purple-300:hover {color: #d8b4fe ;}
.hover\:Purple-400:hover {color: #c084fc ;}
.hover\:Purple-500:hover {color: #a855f7 ;}
.hover\:Purple-600:hover {color: #9333ea ;}
.hover\:Purple-700:hover {color: #7e22ce ;}
.hover\:Purple-800:hover {color: #6b21a8 ;}
.hover\:Purple-900:hover {color: #581c87 ;}
.hover\:Purple-950:hover {color: #3b0764 ;}

.hover\:Fuchsia-50:hover  {color: #fdf4ff ;}
.hover\:Fuchsia-100:hover {color: #fae8ff ;}
.hover\:Fuchsia-200:hover {color: #f5d0fe ;}
.hover\:Fuchsia-300:hover {color: #f0abfc ;}
.hover\:Fuchsia-400:hover {color: #e879f9 ;}
.hover\:Fuchsia-500:hover {color: #d946ef ;}
.hover\:Fuchsia-600:hover {color: #c026d3 ;}
.hover\:Fuchsia-700:hover {color: #a21caf ;}
.hover\:Fuchsia-800:hover {color: #86198f ;}
.hover\:Fuchsia-900:hover {color: #701a75 ;}
.hover\:Fuchsia-950:hover {color: #4a044e ;}

.hover\:Pink-50:hover  {color: #fdf2f8 ;}
.hover\:Pink-100:hover {color: #fce7f3 ;}
.hover\:Pink-200:hover {color: #fbcfe8 ;}
.hover\:Pink-300:hover {color: #f9a8d4 ;}
.hover\:Pink-400:hover {color: #f472b6 ;}
.hover\:Pink-500:hover {color: #ec4899 ;}
.hover\:Pink-600:hover {color: #db2777 ;}
.hover\:Pink-700:hover {color: #be185d ;}
.hover\:Pink-800:hover {color: #9d174d ;}
.hover\:Pink-900:hover {color: #831843 ;}
.hover\:Pink-950:hover {color: #500724 ;}

.hover\:Rose-50:hover  {color: #fff1f2 ;}
.hover\:Rose-100:hover {color: #ffe4e6 ;}
.hover\:Rose-200:hover {color: #fecdd3 ;}
.hover\:Rose-300:hover {color: #fda4af ;}
.hover\:Rose-400:hover {color: #fb7185 ;}
.hover\:Rose-500:hover {color: #f43f5e ;}
.hover\:Rose-600:hover {color: #e11d48 ;}
.hover\:Rose-700:hover {color: #be123c ;}
.hover\:Rose-800:hover {color: #9f1239 ;}
.hover\:Rose-900:hover {color: #881337 ;}
.hover\:Rose-950:hover {color: #4c0519 ;}

/*--------------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------------*/