/* ==========================================================================
   HACNEX UI — shared design system
   Loaded on every page (public site, researcher, company, admin, triggered).
   1. Tokens          — one palette for the whole platform
   2. Base polish     — type, focus, selection, scrollbars, form sizing
   3. Components      — buttons, chips, cards, conversation, composer, activity log
   4. Platform fixes  — consistency overrides for legacy page styles
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
:root {
  --hx-bg:          #070707;
  --hx-bg-2:        #0a0a0a;
  --hx-surface:     #0f0f10;
  --hx-surface-2:   #141415;
  --hx-surface-3:   #1a1a1c;
  --hx-line:        rgba(255, 255, 255, .08);
  --hx-line-2:      rgba(255, 255, 255, .15);

  --hx-text:        #f8fafc;
  --hx-text-soft:   #d4d4d4;
  --hx-muted:       #9a9a9a;
  --hx-muted-2:     #6b6b6b;

  --hx-red:         #e11d48;
  --hx-red-2:       #f43f5e;
  --hx-red-ink:     #be123c;
  --hx-blue:        #5974ff;
  --hx-green:       #39d98a;
  --hx-yellow:      #f59e0b;
  --hx-violet:      #9c5cff;
  --hx-cyan:        #22d3ee;

  --hx-ring:        rgba(255, 80, 104, .65);
  --hx-radius-sm:   8px;
  --hx-radius:      12px;
  --hx-radius-lg:   16px;
  --hx-shadow:      0 10px 30px rgba(0, 0, 0, .35);
  --hx-font:        'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --hx-mono:        'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* role colours used by the conversation */
  --hx-role-researcher: #8ea0ff;
  --hx-role-company:    #ff7a8c;
  --hx-role-admin:      #5eead4;
}

/* 2. Base polish ------------------------------------------------------------ */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { font-feature-settings: "cv11", "ss01"; }

::selection { background: rgba(241, 45, 73, .38); color: #fff; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--hx-ring);
  outline-offset: 2px;
}

/* inputs never spill out of their cards (fixes sign-in / settings overflow) */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea {
  max-width: 100%;
  box-sizing: border-box;
}
img, video, svg, canvas { max-width: 100%; }
img { height: auto; }
pre, code { font-family: var(--hx-mono); }
pre { overflow-x: auto; }

/* dark scrollbars */
* { scrollbar-width: thin; scrollbar-color: #263247 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #262626; border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: #3a3a3a; background-clip: padding-box; }

/* readable rendered markdown on dark surfaces */
.markdown-body { color: var(--hx-text-soft); background: transparent !important; font-family: var(--hx-font); line-height: 1.7; word-break: break-word; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body strong { color: var(--hx-text); }
.markdown-body a { color: var(--hx-red-2); }
.markdown-body code { background: rgba(148, 163, 184, .12); color: #f1f5f9; border-radius: 6px; padding: .1em .35em; }
.markdown-body pre { background: #050a14 !important; border: 1px solid var(--hx-line); border-radius: var(--hx-radius); padding: 14px 16px; }
.markdown-body pre code { background: none; padding: 0; }
.markdown-body blockquote { border-left: 3px solid var(--hx-line-2); color: var(--hx-muted); padding-left: 14px; margin-left: 0; }
.markdown-body table { border-collapse: collapse; }
.markdown-body th, .markdown-body td { border: 1px solid var(--hx-line); padding: 6px 10px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* 3. Components ---------------------------------------------------------- */

/* Buttons */
.hx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 42px; padding: 0 18px; border-radius: var(--hx-radius);
  font: 700 14px/1 var(--hx-font); letter-spacing: -.005em; text-decoration: none; cursor: pointer;
  border: 1px solid var(--hx-line-2); background: var(--hx-surface-2); color: var(--hx-text);
  transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.hx-btn:hover { border-color: rgba(148, 163, 184, .4); background: var(--hx-surface-3); }
.hx-btn:active { transform: translateY(1px); }
.hx-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.hx-btn--primary {
  border-color: rgba(255, 80, 104, .5); color: #fff;
  background: linear-gradient(135deg, var(--hx-red), var(--hx-red-ink));
  box-shadow: 0 8px 22px rgba(241, 45, 73, .22);
}
.hx-btn--primary:hover { background: linear-gradient(135deg, var(--hx-red-2), var(--hx-red)); border-color: rgba(255, 80, 104, .7); }

/* Chips */
.hx-chip {
  display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: 999px;
  font: 800 10px/1 var(--hx-font); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
  border: 1px solid var(--hx-line-2); color: var(--hx-muted); background: rgba(148, 163, 184, .06);
}
.hx-chip--researcher { color: var(--hx-role-researcher); border-color: rgba(142, 160, 255, .32); background: rgba(89, 116, 255, .1); }
.hx-chip--company    { color: var(--hx-role-company);    border-color: rgba(255, 122, 140, .32); background: rgba(241, 45, 73, .1); }
.hx-chip--admin      { color: var(--hx-role-admin);      border-color: rgba(94, 234, 212, .3);   background: rgba(20, 184, 166, .1); }
.hx-chip--system     { color: var(--hx-muted); }
.hx-chip--email      { color: #fcd34d; border-color: rgba(252, 211, 77, .3); background: rgba(245, 158, 11, .1); text-transform: none; letter-spacing: 0; font-size: 11px; font-weight: 700; }
.hx-chip--private    { color: #c4b5fd; border-color: rgba(196, 181, 253, .3); background: rgba(156, 92, 255, .1); }

/* Conversation */
.hx-convo {
  font-family: var(--hx-font); color: var(--hx-text);
  background: linear-gradient(180deg, rgba(14, 22, 37, .85), rgba(8, 14, 25, .92));
  border: 1px solid var(--hx-line); border-radius: var(--hx-radius-lg);
  padding: 22px 22px 18px; box-shadow: var(--hx-shadow);
}
.hx-convo__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-bottom: 16px; border-bottom: 1px solid var(--hx-line); }
.hx-convo__title { margin: 0; font: 800 18px/1.25 var(--hx-font); letter-spacing: -.02em; color: var(--hx-text); display: flex; align-items: center; gap: 10px; }
.hx-convo__count { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 7px; border-radius: 999px; background: rgba(241, 45, 73, .14); color: var(--hx-red-2); font-size: 12px; font-weight: 800; }
.hx-convo__sub { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--hx-muted); max-width: 60ch; }
.hx-convo__legend { display: flex; gap: 6px; flex-wrap: wrap; }
.hx-convo__list { list-style: none; margin: 0; padding: 18px 0 4px; display: flex; flex-direction: column; gap: 14px; max-height: 720px; overflow-y: auto; }
.hx-convo__empty { padding: 28px 16px; text-align: center; font-size: 14px; color: var(--hx-muted); border: 1px dashed var(--hx-line-2); border-radius: var(--hx-radius); }
.hx-convo__email-hint { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; padding-top: 14px; border-top: 1px solid var(--hx-line); font-size: 12.5px; color: var(--hx-muted); }
.hx-convo__email-hint svg { color: #fcd34d; flex-shrink: 0; }

.hx-msg { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: start; }
.hx-msg__avatar {
  width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center;
  font: 800 14px/1 var(--hx-font); color: #fff; background: #1e293b; border: 1px solid var(--hx-line-2);
}
.hx-msg--researcher .hx-msg__avatar { background: linear-gradient(135deg, #5974ff, #9c5cff); border-color: transparent; }
.hx-msg--company    .hx-msg__avatar { background: linear-gradient(135deg, #f12d49, #c91f39); border-color: transparent; }
.hx-msg--admin      .hx-msg__avatar { background: linear-gradient(135deg, #14b8a6, #0e7490); border-color: transparent; }
.hx-msg__body {
  min-width: 0; padding: 12px 14px 13px; border-radius: 4px var(--hx-radius) var(--hx-radius) var(--hx-radius);
  background: rgba(15, 23, 42, .72); border: 1px solid var(--hx-line);
}
.hx-msg--researcher .hx-msg__body { border-left: 2px solid rgba(142, 160, 255, .55); }
.hx-msg--company    .hx-msg__body { border-left: 2px solid rgba(255, 122, 140, .55); }
.hx-msg--admin      .hx-msg__body { border-left: 2px solid rgba(94, 234, 212, .5); }
.hx-msg--mine .hx-msg__body { background: rgba(30, 41, 59, .7); }
.hx-msg--new .hx-msg__body { animation: hx-pop .5s ease; }
@keyframes hx-pop { from { box-shadow: 0 0 0 3px rgba(255, 80, 104, .35); } to { box-shadow: 0 0 0 0 rgba(255, 80, 104, 0); } }
.hx-msg__meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.hx-msg__author { font-size: 14px; font-weight: 750; color: var(--hx-text); }
.hx-msg__time { margin-left: auto; font-size: 12px; color: var(--hx-muted-2); white-space: nowrap; }
.hx-msg__text { font-size: 14.5px; line-height: 1.65; color: var(--hx-text-soft); white-space: normal; overflow-wrap: anywhere; }

/* Composer */
.hx-composer {
  font-family: var(--hx-font); margin-top: 14px; padding: 16px; border-radius: var(--hx-radius-lg);
  background: var(--hx-surface); border: 1px solid var(--hx-line);
}
.hx-composer__label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 750; color: var(--hx-text); }
.hx-composer__input {
  display: block; width: 100%; min-height: 110px; resize: vertical; padding: 12px 14px;
  font: 400 14.5px/1.6 var(--hx-font); color: var(--hx-text);
  background: #050a14; border: 1px solid var(--hx-line-2); border-radius: var(--hx-radius);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.hx-composer__input::placeholder { color: var(--hx-muted-2); }
.hx-composer__input:focus { outline: none; border-color: rgba(255, 80, 104, .55); box-shadow: 0 0 0 3px rgba(241, 45, 73, .14); }
.hx-composer__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.hx-composer__note { font-size: 12.5px; color: var(--hx-muted); }
.hx-composer__status { min-height: 18px; margin: 8px 0 0; font-size: 13px; color: var(--hx-muted); }
.hx-composer__status[data-state="ok"] { color: var(--hx-green); }
.hx-composer__status[data-state="error"] { color: var(--hx-red-2); }

/* Collapsible activity log */
.hx-activity { font-family: var(--hx-font); border: 1px solid var(--hx-line); border-radius: var(--hx-radius-lg); background: var(--hx-surface); overflow: hidden; }
.hx-activity__summary {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px;
  cursor: pointer; list-style: none; font-weight: 750; font-size: 15px; color: var(--hx-text); user-select: none;
}
.hx-activity__summary::-webkit-details-marker { display: none; }
.hx-activity__summary::after {
  content: ""; width: 9px; height: 9px; margin-left: 8px; flex-shrink: 0;
  border-right: 2px solid var(--hx-muted); border-bottom: 2px solid var(--hx-muted);
  transform: rotate(45deg) translateY(-3px); transition: transform .2s ease;
}
.hx-activity[open] > .hx-activity__summary::after { transform: rotate(-135deg) translateY(-2px); }
.hx-activity__summary:hover { background: rgba(148, 163, 184, .04); }
.hx-activity__count { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--hx-muted); }
.hx-activity__body { padding: 4px 20px 20px; border-top: 1px solid var(--hx-line); max-height: 640px; overflow-y: auto; }

/* Status / payment badges for dark surfaces */
.hx-badge { display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid; font-weight: 700; white-space: nowrap; }
.hx-badge--green  { color: #6ee7b7 !important; background: rgba(16, 185, 129, .12); border-color: rgba(52, 211, 153, .32); }
.hx-badge--red    { color: #fda4af !important; background: rgba(241, 45, 73, .12); border-color: rgba(251, 113, 133, .34); }
.hx-badge--orange { color: #fdba74 !important; background: rgba(249, 115, 22, .12); border-color: rgba(251, 146, 60, .32); }
.hx-badge--yellow { color: #fcd34d !important; background: rgba(245, 158, 11, .12); border-color: rgba(251, 191, 36, .32); }
.hx-badge--blue   { color: #a5b4fc !important; background: rgba(89, 116, 255, .12); border-color: rgba(129, 140, 248, .34); }
.hx-badge--violet { color: #c4b5fd !important; background: rgba(156, 92, 255, .12); border-color: rgba(167, 139, 250, .34); }
.hx-badge--cyan   { color: #67e8f9 !important; background: rgba(34, 211, 238, .1);  border-color: rgba(34, 211, 238, .3); }
.hx-badge--slate  { color: #cbd5e1 !important; background: rgba(148, 163, 184, .1); border-color: rgba(148, 163, 184, .28); }

/* Generic card / status pill (available to any page) */
.hx-card { background: var(--hx-surface); border: 1px solid var(--hx-line); border-radius: var(--hx-radius-lg); padding: 22px; box-shadow: var(--hx-shadow); color: var(--hx-text); }
.hx-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font: 700 12.5px/1 var(--hx-font); border: 1px solid var(--hx-line-2); color: var(--hx-text-soft); background: rgba(148, 163, 184, .06); }

@media (max-width: 640px) {
  .hx-convo { padding: 16px 14px 14px; border-radius: var(--hx-radius); }
  .hx-convo__legend { display: none; }
  .hx-msg { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
  .hx-msg__avatar { width: 30px; height: 30px; border-radius: 9px; font-size: 12px; }
  .hx-msg__time { margin-left: 0; width: 100%; }
  .hx-composer__bar .hx-btn { width: 100%; }
  .hx-activity__summary { padding: 14px 16px; }
  .hx-activity__count { display: none; }
}

/* 4. Platform fixes ------------------------------------------------------ */

/* Print: conversation and logs print cleanly */
@media print {
  .hx-composer, .hx-convo__legend { display: none !important; }
  .hx-convo, .hx-activity { box-shadow: none; border-color: #ccc; background: #fff; color: #000; }
  .hx-convo__list, .hx-activity__body { max-height: none; overflow: visible; }
}

/* SVG stat icons on dashboards */
.cd-stat-icon, .rd-stat-icon { display: inline-grid !important; place-items: center; }
.cd-stat-icon svg, .rd-stat-icon svg { display: block; width: 16px; height: 16px; }

/* 5. Brand unification (v2) ------------------------------------------------
 One look everywhere: black surfaces + Hacnex red. Re-colours the blue/indigo/sky/cyan accents and the
 cool-grey surfaces that older pages get from Tailwind (v2 and v3) and Bootstrap. Status colours
 (green, yellow, orange, purple) are left alone so meaning is kept. */
:root{--bs-primary:#e11d48;--bs-primary-rgb:225,29,72;--bs-link-color:#fb7185;--bs-link-color-rgb:251,113,133;--bs-link-hover-color:#fda4af;--bs-link-hover-color-rgb:253,164,175;--bs-focus-ring-color:rgba(244,63,94,.35)}
.btn-primary{--bs-btn-bg:#e11d48;--bs-btn-border-color:#e11d48;--bs-btn-hover-bg:#be123c;--bs-btn-hover-border-color:#be123c;--bs-btn-active-bg:#9f1239;--bs-btn-active-border-color:#9f1239;--bs-btn-disabled-bg:#e11d48;--bs-btn-disabled-border-color:#e11d48;--bs-btn-focus-shadow-rgb:244,63,94}
.btn-outline-primary{--bs-btn-color:#fb7185;--bs-btn-border-color:#e11d48;--bs-btn-hover-bg:#e11d48;--bs-btn-hover-border-color:#e11d48;--bs-btn-active-bg:#be123c;--bs-btn-active-border-color:#be123c;--bs-btn-focus-shadow-rgb:244,63,94}
.form-control:focus,.form-select:focus{border-color:#f43f5e!important;box-shadow:0 0 0 .2rem rgba(244,63,94,.25)!important}
.form-check-input:checked{background-color:#e11d48;border-color:#e11d48}.form-check-input:focus{border-color:#f43f5e;box-shadow:0 0 0 .2rem rgba(244,63,94,.25)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#e11d48}.page-link{color:#fb7185}.active>.page-link,.page-link.active{background-color:#e11d48;border-color:#e11d48}
.progress-bar{background-color:#e11d48}.text-primary{color:#fb7185!important}.bg-primary{background-color:#e11d48!important}.border-primary{border-color:#e11d48!important}.link-primary{color:#fb7185!important}
/* Tailwind accent + surface remap */
.bg-blue-50,.hover\:bg-blue-50:hover,.focus\:bg-blue-50:focus{background-color:#fff1f2!important}
.text-blue-50,.hover\:text-blue-50:hover{color:#fff1f2!important}
.border-blue-50,.hover\:border-blue-50:hover,.focus\:border-blue-50:focus{border-color:#fff1f2!important}
.ring-blue-50,.focus\:ring-blue-50:focus{--tw-ring-color:#fff1f2!important;--tw-ring-opacity:1}
.from-blue-50{--tw-gradient-from:#fff1f2!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,241,242,0))!important}
.via-blue-50{--tw-gradient-stops:var(--tw-gradient-from),#fff1f2,var(--tw-gradient-to,rgba(255,241,242,0))!important}
.to-blue-50{--tw-gradient-to:#fff1f2!important}
.bg-blue-100,.hover\:bg-blue-100:hover,.focus\:bg-blue-100:focus{background-color:#ffe4e6!important}
.text-blue-100,.hover\:text-blue-100:hover{color:#ffe4e6!important}
.border-blue-100,.hover\:border-blue-100:hover,.focus\:border-blue-100:focus{border-color:#ffe4e6!important}
.ring-blue-100,.focus\:ring-blue-100:focus{--tw-ring-color:#ffe4e6!important;--tw-ring-opacity:1}
.from-blue-100{--tw-gradient-from:#ffe4e6!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,228,230,0))!important}
.via-blue-100{--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6,var(--tw-gradient-to,rgba(255,228,230,0))!important}
.to-blue-100{--tw-gradient-to:#ffe4e6!important}
.bg-blue-200,.hover\:bg-blue-200:hover,.focus\:bg-blue-200:focus{background-color:#fecdd3!important}
.text-blue-200,.hover\:text-blue-200:hover{color:#fecdd3!important}
.border-blue-200,.hover\:border-blue-200:hover,.focus\:border-blue-200:focus{border-color:#fecdd3!important}
.ring-blue-200,.focus\:ring-blue-200:focus{--tw-ring-color:#fecdd3!important;--tw-ring-opacity:1}
.from-blue-200{--tw-gradient-from:#fecdd3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,205,211,0))!important}
.via-blue-200{--tw-gradient-stops:var(--tw-gradient-from),#fecdd3,var(--tw-gradient-to,rgba(254,205,211,0))!important}
.to-blue-200{--tw-gradient-to:#fecdd3!important}
.bg-blue-300,.hover\:bg-blue-300:hover,.focus\:bg-blue-300:focus{background-color:#fda4af!important}
.text-blue-300,.hover\:text-blue-300:hover{color:#fda4af!important}
.border-blue-300,.hover\:border-blue-300:hover,.focus\:border-blue-300:focus{border-color:#fda4af!important}
.ring-blue-300,.focus\:ring-blue-300:focus{--tw-ring-color:#fda4af!important;--tw-ring-opacity:1}
.from-blue-300{--tw-gradient-from:#fda4af!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,164,175,0))!important}
.via-blue-300{--tw-gradient-stops:var(--tw-gradient-from),#fda4af,var(--tw-gradient-to,rgba(253,164,175,0))!important}
.to-blue-300{--tw-gradient-to:#fda4af!important}
.bg-blue-400,.hover\:bg-blue-400:hover,.focus\:bg-blue-400:focus{background-color:#fb7185!important}
.text-blue-400,.hover\:text-blue-400:hover{color:#fb7185!important}
.border-blue-400,.hover\:border-blue-400:hover,.focus\:border-blue-400:focus{border-color:#fb7185!important}
.ring-blue-400,.focus\:ring-blue-400:focus{--tw-ring-color:#fb7185!important;--tw-ring-opacity:1}
.from-blue-400{--tw-gradient-from:#fb7185!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))!important}
.via-blue-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))!important}
.to-blue-400{--tw-gradient-to:#fb7185!important}
.bg-blue-500,.hover\:bg-blue-500:hover,.focus\:bg-blue-500:focus{background-color:#f43f5e!important}
.text-blue-500,.hover\:text-blue-500:hover{color:#f43f5e!important}
.border-blue-500,.hover\:border-blue-500:hover,.focus\:border-blue-500:focus{border-color:#f43f5e!important}
.ring-blue-500,.focus\:ring-blue-500:focus{--tw-ring-color:#f43f5e!important;--tw-ring-opacity:1}
.from-blue-500{--tw-gradient-from:#f43f5e!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))!important}
.via-blue-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,rgba(244,63,94,0))!important}
.to-blue-500{--tw-gradient-to:#f43f5e!important}
.bg-blue-600,.hover\:bg-blue-600:hover,.focus\:bg-blue-600:focus{background-color:#e11d48!important}
.text-blue-600,.hover\:text-blue-600:hover{color:#e11d48!important}
.border-blue-600,.hover\:border-blue-600:hover,.focus\:border-blue-600:focus{border-color:#e11d48!important}
.ring-blue-600,.focus\:ring-blue-600:focus{--tw-ring-color:#e11d48!important;--tw-ring-opacity:1}
.from-blue-600{--tw-gradient-from:#e11d48!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))!important}
.via-blue-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))!important}
.to-blue-600{--tw-gradient-to:#e11d48!important}
.bg-blue-700,.hover\:bg-blue-700:hover,.focus\:bg-blue-700:focus{background-color:#be123c!important}
.text-blue-700,.hover\:text-blue-700:hover{color:#be123c!important}
.border-blue-700,.hover\:border-blue-700:hover,.focus\:border-blue-700:focus{border-color:#be123c!important}
.ring-blue-700,.focus\:ring-blue-700:focus{--tw-ring-color:#be123c!important;--tw-ring-opacity:1}
.from-blue-700{--tw-gradient-from:#be123c!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(190,18,60,0))!important}
.via-blue-700{--tw-gradient-stops:var(--tw-gradient-from),#be123c,var(--tw-gradient-to,rgba(190,18,60,0))!important}
.to-blue-700{--tw-gradient-to:#be123c!important}
.bg-blue-800,.hover\:bg-blue-800:hover,.focus\:bg-blue-800:focus{background-color:#9f1239!important}
.text-blue-800,.hover\:text-blue-800:hover{color:#9f1239!important}
.border-blue-800,.hover\:border-blue-800:hover,.focus\:border-blue-800:focus{border-color:#9f1239!important}
.ring-blue-800,.focus\:ring-blue-800:focus{--tw-ring-color:#9f1239!important;--tw-ring-opacity:1}
.from-blue-800{--tw-gradient-from:#9f1239!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,18,57,0))!important}
.via-blue-800{--tw-gradient-stops:var(--tw-gradient-from),#9f1239,var(--tw-gradient-to,rgba(159,18,57,0))!important}
.to-blue-800{--tw-gradient-to:#9f1239!important}
.bg-blue-900,.hover\:bg-blue-900:hover,.focus\:bg-blue-900:focus{background-color:#881337!important}
.text-blue-900,.hover\:text-blue-900:hover{color:#881337!important}
.border-blue-900,.hover\:border-blue-900:hover,.focus\:border-blue-900:focus{border-color:#881337!important}
.ring-blue-900,.focus\:ring-blue-900:focus{--tw-ring-color:#881337!important;--tw-ring-opacity:1}
.from-blue-900{--tw-gradient-from:#881337!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(136,19,55,0))!important}
.via-blue-900{--tw-gradient-stops:var(--tw-gradient-from),#881337,var(--tw-gradient-to,rgba(136,19,55,0))!important}
.to-blue-900{--tw-gradient-to:#881337!important}
.bg-indigo-50,.hover\:bg-indigo-50:hover,.focus\:bg-indigo-50:focus{background-color:#fff1f2!important}
.text-indigo-50,.hover\:text-indigo-50:hover{color:#fff1f2!important}
.border-indigo-50,.hover\:border-indigo-50:hover,.focus\:border-indigo-50:focus{border-color:#fff1f2!important}
.ring-indigo-50,.focus\:ring-indigo-50:focus{--tw-ring-color:#fff1f2!important;--tw-ring-opacity:1}
.from-indigo-50{--tw-gradient-from:#fff1f2!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,241,242,0))!important}
.via-indigo-50{--tw-gradient-stops:var(--tw-gradient-from),#fff1f2,var(--tw-gradient-to,rgba(255,241,242,0))!important}
.to-indigo-50{--tw-gradient-to:#fff1f2!important}
.bg-indigo-100,.hover\:bg-indigo-100:hover,.focus\:bg-indigo-100:focus{background-color:#ffe4e6!important}
.text-indigo-100,.hover\:text-indigo-100:hover{color:#ffe4e6!important}
.border-indigo-100,.hover\:border-indigo-100:hover,.focus\:border-indigo-100:focus{border-color:#ffe4e6!important}
.ring-indigo-100,.focus\:ring-indigo-100:focus{--tw-ring-color:#ffe4e6!important;--tw-ring-opacity:1}
.from-indigo-100{--tw-gradient-from:#ffe4e6!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,228,230,0))!important}
.via-indigo-100{--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6,var(--tw-gradient-to,rgba(255,228,230,0))!important}
.to-indigo-100{--tw-gradient-to:#ffe4e6!important}
.bg-indigo-200,.hover\:bg-indigo-200:hover,.focus\:bg-indigo-200:focus{background-color:#fecdd3!important}
.text-indigo-200,.hover\:text-indigo-200:hover{color:#fecdd3!important}
.border-indigo-200,.hover\:border-indigo-200:hover,.focus\:border-indigo-200:focus{border-color:#fecdd3!important}
.ring-indigo-200,.focus\:ring-indigo-200:focus{--tw-ring-color:#fecdd3!important;--tw-ring-opacity:1}
.from-indigo-200{--tw-gradient-from:#fecdd3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,205,211,0))!important}
.via-indigo-200{--tw-gradient-stops:var(--tw-gradient-from),#fecdd3,var(--tw-gradient-to,rgba(254,205,211,0))!important}
.to-indigo-200{--tw-gradient-to:#fecdd3!important}
.bg-indigo-300,.hover\:bg-indigo-300:hover,.focus\:bg-indigo-300:focus{background-color:#fda4af!important}
.text-indigo-300,.hover\:text-indigo-300:hover{color:#fda4af!important}
.border-indigo-300,.hover\:border-indigo-300:hover,.focus\:border-indigo-300:focus{border-color:#fda4af!important}
.ring-indigo-300,.focus\:ring-indigo-300:focus{--tw-ring-color:#fda4af!important;--tw-ring-opacity:1}
.from-indigo-300{--tw-gradient-from:#fda4af!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,164,175,0))!important}
.via-indigo-300{--tw-gradient-stops:var(--tw-gradient-from),#fda4af,var(--tw-gradient-to,rgba(253,164,175,0))!important}
.to-indigo-300{--tw-gradient-to:#fda4af!important}
.bg-indigo-400,.hover\:bg-indigo-400:hover,.focus\:bg-indigo-400:focus{background-color:#fb7185!important}
.text-indigo-400,.hover\:text-indigo-400:hover{color:#fb7185!important}
.border-indigo-400,.hover\:border-indigo-400:hover,.focus\:border-indigo-400:focus{border-color:#fb7185!important}
.ring-indigo-400,.focus\:ring-indigo-400:focus{--tw-ring-color:#fb7185!important;--tw-ring-opacity:1}
.from-indigo-400{--tw-gradient-from:#fb7185!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))!important}
.via-indigo-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))!important}
.to-indigo-400{--tw-gradient-to:#fb7185!important}
.bg-indigo-500,.hover\:bg-indigo-500:hover,.focus\:bg-indigo-500:focus{background-color:#f43f5e!important}
.text-indigo-500,.hover\:text-indigo-500:hover{color:#f43f5e!important}
.border-indigo-500,.hover\:border-indigo-500:hover,.focus\:border-indigo-500:focus{border-color:#f43f5e!important}
.ring-indigo-500,.focus\:ring-indigo-500:focus{--tw-ring-color:#f43f5e!important;--tw-ring-opacity:1}
.from-indigo-500{--tw-gradient-from:#f43f5e!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))!important}
.via-indigo-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,rgba(244,63,94,0))!important}
.to-indigo-500{--tw-gradient-to:#f43f5e!important}
.bg-indigo-600,.hover\:bg-indigo-600:hover,.focus\:bg-indigo-600:focus{background-color:#e11d48!important}
.text-indigo-600,.hover\:text-indigo-600:hover{color:#e11d48!important}
.border-indigo-600,.hover\:border-indigo-600:hover,.focus\:border-indigo-600:focus{border-color:#e11d48!important}
.ring-indigo-600,.focus\:ring-indigo-600:focus{--tw-ring-color:#e11d48!important;--tw-ring-opacity:1}
.from-indigo-600{--tw-gradient-from:#e11d48!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))!important}
.via-indigo-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))!important}
.to-indigo-600{--tw-gradient-to:#e11d48!important}
.bg-indigo-700,.hover\:bg-indigo-700:hover,.focus\:bg-indigo-700:focus{background-color:#be123c!important}
.text-indigo-700,.hover\:text-indigo-700:hover{color:#be123c!important}
.border-indigo-700,.hover\:border-indigo-700:hover,.focus\:border-indigo-700:focus{border-color:#be123c!important}
.ring-indigo-700,.focus\:ring-indigo-700:focus{--tw-ring-color:#be123c!important;--tw-ring-opacity:1}
.from-indigo-700{--tw-gradient-from:#be123c!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(190,18,60,0))!important}
.via-indigo-700{--tw-gradient-stops:var(--tw-gradient-from),#be123c,var(--tw-gradient-to,rgba(190,18,60,0))!important}
.to-indigo-700{--tw-gradient-to:#be123c!important}
.bg-indigo-800,.hover\:bg-indigo-800:hover,.focus\:bg-indigo-800:focus{background-color:#9f1239!important}
.text-indigo-800,.hover\:text-indigo-800:hover{color:#9f1239!important}
.border-indigo-800,.hover\:border-indigo-800:hover,.focus\:border-indigo-800:focus{border-color:#9f1239!important}
.ring-indigo-800,.focus\:ring-indigo-800:focus{--tw-ring-color:#9f1239!important;--tw-ring-opacity:1}
.from-indigo-800{--tw-gradient-from:#9f1239!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,18,57,0))!important}
.via-indigo-800{--tw-gradient-stops:var(--tw-gradient-from),#9f1239,var(--tw-gradient-to,rgba(159,18,57,0))!important}
.to-indigo-800{--tw-gradient-to:#9f1239!important}
.bg-indigo-900,.hover\:bg-indigo-900:hover,.focus\:bg-indigo-900:focus{background-color:#881337!important}
.text-indigo-900,.hover\:text-indigo-900:hover{color:#881337!important}
.border-indigo-900,.hover\:border-indigo-900:hover,.focus\:border-indigo-900:focus{border-color:#881337!important}
.ring-indigo-900,.focus\:ring-indigo-900:focus{--tw-ring-color:#881337!important;--tw-ring-opacity:1}
.from-indigo-900{--tw-gradient-from:#881337!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(136,19,55,0))!important}
.via-indigo-900{--tw-gradient-stops:var(--tw-gradient-from),#881337,var(--tw-gradient-to,rgba(136,19,55,0))!important}
.to-indigo-900{--tw-gradient-to:#881337!important}
.bg-sky-50,.hover\:bg-sky-50:hover,.focus\:bg-sky-50:focus{background-color:#fff1f2!important}
.text-sky-50,.hover\:text-sky-50:hover{color:#fff1f2!important}
.border-sky-50,.hover\:border-sky-50:hover,.focus\:border-sky-50:focus{border-color:#fff1f2!important}
.ring-sky-50,.focus\:ring-sky-50:focus{--tw-ring-color:#fff1f2!important;--tw-ring-opacity:1}
.from-sky-50{--tw-gradient-from:#fff1f2!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,241,242,0))!important}
.via-sky-50{--tw-gradient-stops:var(--tw-gradient-from),#fff1f2,var(--tw-gradient-to,rgba(255,241,242,0))!important}
.to-sky-50{--tw-gradient-to:#fff1f2!important}
.bg-sky-100,.hover\:bg-sky-100:hover,.focus\:bg-sky-100:focus{background-color:#ffe4e6!important}
.text-sky-100,.hover\:text-sky-100:hover{color:#ffe4e6!important}
.border-sky-100,.hover\:border-sky-100:hover,.focus\:border-sky-100:focus{border-color:#ffe4e6!important}
.ring-sky-100,.focus\:ring-sky-100:focus{--tw-ring-color:#ffe4e6!important;--tw-ring-opacity:1}
.from-sky-100{--tw-gradient-from:#ffe4e6!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,228,230,0))!important}
.via-sky-100{--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6,var(--tw-gradient-to,rgba(255,228,230,0))!important}
.to-sky-100{--tw-gradient-to:#ffe4e6!important}
.bg-sky-200,.hover\:bg-sky-200:hover,.focus\:bg-sky-200:focus{background-color:#fecdd3!important}
.text-sky-200,.hover\:text-sky-200:hover{color:#fecdd3!important}
.border-sky-200,.hover\:border-sky-200:hover,.focus\:border-sky-200:focus{border-color:#fecdd3!important}
.ring-sky-200,.focus\:ring-sky-200:focus{--tw-ring-color:#fecdd3!important;--tw-ring-opacity:1}
.from-sky-200{--tw-gradient-from:#fecdd3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,205,211,0))!important}
.via-sky-200{--tw-gradient-stops:var(--tw-gradient-from),#fecdd3,var(--tw-gradient-to,rgba(254,205,211,0))!important}
.to-sky-200{--tw-gradient-to:#fecdd3!important}
.bg-sky-300,.hover\:bg-sky-300:hover,.focus\:bg-sky-300:focus{background-color:#fda4af!important}
.text-sky-300,.hover\:text-sky-300:hover{color:#fda4af!important}
.border-sky-300,.hover\:border-sky-300:hover,.focus\:border-sky-300:focus{border-color:#fda4af!important}
.ring-sky-300,.focus\:ring-sky-300:focus{--tw-ring-color:#fda4af!important;--tw-ring-opacity:1}
.from-sky-300{--tw-gradient-from:#fda4af!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,164,175,0))!important}
.via-sky-300{--tw-gradient-stops:var(--tw-gradient-from),#fda4af,var(--tw-gradient-to,rgba(253,164,175,0))!important}
.to-sky-300{--tw-gradient-to:#fda4af!important}
.bg-sky-400,.hover\:bg-sky-400:hover,.focus\:bg-sky-400:focus{background-color:#fb7185!important}
.text-sky-400,.hover\:text-sky-400:hover{color:#fb7185!important}
.border-sky-400,.hover\:border-sky-400:hover,.focus\:border-sky-400:focus{border-color:#fb7185!important}
.ring-sky-400,.focus\:ring-sky-400:focus{--tw-ring-color:#fb7185!important;--tw-ring-opacity:1}
.from-sky-400{--tw-gradient-from:#fb7185!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))!important}
.via-sky-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))!important}
.to-sky-400{--tw-gradient-to:#fb7185!important}
.bg-sky-500,.hover\:bg-sky-500:hover,.focus\:bg-sky-500:focus{background-color:#f43f5e!important}
.text-sky-500,.hover\:text-sky-500:hover{color:#f43f5e!important}
.border-sky-500,.hover\:border-sky-500:hover,.focus\:border-sky-500:focus{border-color:#f43f5e!important}
.ring-sky-500,.focus\:ring-sky-500:focus{--tw-ring-color:#f43f5e!important;--tw-ring-opacity:1}
.from-sky-500{--tw-gradient-from:#f43f5e!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))!important}
.via-sky-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,rgba(244,63,94,0))!important}
.to-sky-500{--tw-gradient-to:#f43f5e!important}
.bg-sky-600,.hover\:bg-sky-600:hover,.focus\:bg-sky-600:focus{background-color:#e11d48!important}
.text-sky-600,.hover\:text-sky-600:hover{color:#e11d48!important}
.border-sky-600,.hover\:border-sky-600:hover,.focus\:border-sky-600:focus{border-color:#e11d48!important}
.ring-sky-600,.focus\:ring-sky-600:focus{--tw-ring-color:#e11d48!important;--tw-ring-opacity:1}
.from-sky-600{--tw-gradient-from:#e11d48!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))!important}
.via-sky-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))!important}
.to-sky-600{--tw-gradient-to:#e11d48!important}
.bg-sky-700,.hover\:bg-sky-700:hover,.focus\:bg-sky-700:focus{background-color:#be123c!important}
.text-sky-700,.hover\:text-sky-700:hover{color:#be123c!important}
.border-sky-700,.hover\:border-sky-700:hover,.focus\:border-sky-700:focus{border-color:#be123c!important}
.ring-sky-700,.focus\:ring-sky-700:focus{--tw-ring-color:#be123c!important;--tw-ring-opacity:1}
.from-sky-700{--tw-gradient-from:#be123c!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(190,18,60,0))!important}
.via-sky-700{--tw-gradient-stops:var(--tw-gradient-from),#be123c,var(--tw-gradient-to,rgba(190,18,60,0))!important}
.to-sky-700{--tw-gradient-to:#be123c!important}
.bg-sky-800,.hover\:bg-sky-800:hover,.focus\:bg-sky-800:focus{background-color:#9f1239!important}
.text-sky-800,.hover\:text-sky-800:hover{color:#9f1239!important}
.border-sky-800,.hover\:border-sky-800:hover,.focus\:border-sky-800:focus{border-color:#9f1239!important}
.ring-sky-800,.focus\:ring-sky-800:focus{--tw-ring-color:#9f1239!important;--tw-ring-opacity:1}
.from-sky-800{--tw-gradient-from:#9f1239!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,18,57,0))!important}
.via-sky-800{--tw-gradient-stops:var(--tw-gradient-from),#9f1239,var(--tw-gradient-to,rgba(159,18,57,0))!important}
.to-sky-800{--tw-gradient-to:#9f1239!important}
.bg-sky-900,.hover\:bg-sky-900:hover,.focus\:bg-sky-900:focus{background-color:#881337!important}
.text-sky-900,.hover\:text-sky-900:hover{color:#881337!important}
.border-sky-900,.hover\:border-sky-900:hover,.focus\:border-sky-900:focus{border-color:#881337!important}
.ring-sky-900,.focus\:ring-sky-900:focus{--tw-ring-color:#881337!important;--tw-ring-opacity:1}
.from-sky-900{--tw-gradient-from:#881337!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(136,19,55,0))!important}
.via-sky-900{--tw-gradient-stops:var(--tw-gradient-from),#881337,var(--tw-gradient-to,rgba(136,19,55,0))!important}
.to-sky-900{--tw-gradient-to:#881337!important}
.bg-cyan-50,.hover\:bg-cyan-50:hover,.focus\:bg-cyan-50:focus{background-color:#fff1f2!important}
.text-cyan-50,.hover\:text-cyan-50:hover{color:#fff1f2!important}
.border-cyan-50,.hover\:border-cyan-50:hover,.focus\:border-cyan-50:focus{border-color:#fff1f2!important}
.ring-cyan-50,.focus\:ring-cyan-50:focus{--tw-ring-color:#fff1f2!important;--tw-ring-opacity:1}
.from-cyan-50{--tw-gradient-from:#fff1f2!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,241,242,0))!important}
.via-cyan-50{--tw-gradient-stops:var(--tw-gradient-from),#fff1f2,var(--tw-gradient-to,rgba(255,241,242,0))!important}
.to-cyan-50{--tw-gradient-to:#fff1f2!important}
.bg-cyan-100,.hover\:bg-cyan-100:hover,.focus\:bg-cyan-100:focus{background-color:#ffe4e6!important}
.text-cyan-100,.hover\:text-cyan-100:hover{color:#ffe4e6!important}
.border-cyan-100,.hover\:border-cyan-100:hover,.focus\:border-cyan-100:focus{border-color:#ffe4e6!important}
.ring-cyan-100,.focus\:ring-cyan-100:focus{--tw-ring-color:#ffe4e6!important;--tw-ring-opacity:1}
.from-cyan-100{--tw-gradient-from:#ffe4e6!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,228,230,0))!important}
.via-cyan-100{--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6,var(--tw-gradient-to,rgba(255,228,230,0))!important}
.to-cyan-100{--tw-gradient-to:#ffe4e6!important}
.bg-cyan-200,.hover\:bg-cyan-200:hover,.focus\:bg-cyan-200:focus{background-color:#fecdd3!important}
.text-cyan-200,.hover\:text-cyan-200:hover{color:#fecdd3!important}
.border-cyan-200,.hover\:border-cyan-200:hover,.focus\:border-cyan-200:focus{border-color:#fecdd3!important}
.ring-cyan-200,.focus\:ring-cyan-200:focus{--tw-ring-color:#fecdd3!important;--tw-ring-opacity:1}
.from-cyan-200{--tw-gradient-from:#fecdd3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,205,211,0))!important}
.via-cyan-200{--tw-gradient-stops:var(--tw-gradient-from),#fecdd3,var(--tw-gradient-to,rgba(254,205,211,0))!important}
.to-cyan-200{--tw-gradient-to:#fecdd3!important}
.bg-cyan-300,.hover\:bg-cyan-300:hover,.focus\:bg-cyan-300:focus{background-color:#fda4af!important}
.text-cyan-300,.hover\:text-cyan-300:hover{color:#fda4af!important}
.border-cyan-300,.hover\:border-cyan-300:hover,.focus\:border-cyan-300:focus{border-color:#fda4af!important}
.ring-cyan-300,.focus\:ring-cyan-300:focus{--tw-ring-color:#fda4af!important;--tw-ring-opacity:1}
.from-cyan-300{--tw-gradient-from:#fda4af!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,164,175,0))!important}
.via-cyan-300{--tw-gradient-stops:var(--tw-gradient-from),#fda4af,var(--tw-gradient-to,rgba(253,164,175,0))!important}
.to-cyan-300{--tw-gradient-to:#fda4af!important}
.bg-cyan-400,.hover\:bg-cyan-400:hover,.focus\:bg-cyan-400:focus{background-color:#fb7185!important}
.text-cyan-400,.hover\:text-cyan-400:hover{color:#fb7185!important}
.border-cyan-400,.hover\:border-cyan-400:hover,.focus\:border-cyan-400:focus{border-color:#fb7185!important}
.ring-cyan-400,.focus\:ring-cyan-400:focus{--tw-ring-color:#fb7185!important;--tw-ring-opacity:1}
.from-cyan-400{--tw-gradient-from:#fb7185!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))!important}
.via-cyan-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))!important}
.to-cyan-400{--tw-gradient-to:#fb7185!important}
.bg-cyan-500,.hover\:bg-cyan-500:hover,.focus\:bg-cyan-500:focus{background-color:#f43f5e!important}
.text-cyan-500,.hover\:text-cyan-500:hover{color:#f43f5e!important}
.border-cyan-500,.hover\:border-cyan-500:hover,.focus\:border-cyan-500:focus{border-color:#f43f5e!important}
.ring-cyan-500,.focus\:ring-cyan-500:focus{--tw-ring-color:#f43f5e!important;--tw-ring-opacity:1}
.from-cyan-500{--tw-gradient-from:#f43f5e!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))!important}
.via-cyan-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,rgba(244,63,94,0))!important}
.to-cyan-500{--tw-gradient-to:#f43f5e!important}
.bg-cyan-600,.hover\:bg-cyan-600:hover,.focus\:bg-cyan-600:focus{background-color:#e11d48!important}
.text-cyan-600,.hover\:text-cyan-600:hover{color:#e11d48!important}
.border-cyan-600,.hover\:border-cyan-600:hover,.focus\:border-cyan-600:focus{border-color:#e11d48!important}
.ring-cyan-600,.focus\:ring-cyan-600:focus{--tw-ring-color:#e11d48!important;--tw-ring-opacity:1}
.from-cyan-600{--tw-gradient-from:#e11d48!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))!important}
.via-cyan-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))!important}
.to-cyan-600{--tw-gradient-to:#e11d48!important}
.bg-cyan-700,.hover\:bg-cyan-700:hover,.focus\:bg-cyan-700:focus{background-color:#be123c!important}
.text-cyan-700,.hover\:text-cyan-700:hover{color:#be123c!important}
.border-cyan-700,.hover\:border-cyan-700:hover,.focus\:border-cyan-700:focus{border-color:#be123c!important}
.ring-cyan-700,.focus\:ring-cyan-700:focus{--tw-ring-color:#be123c!important;--tw-ring-opacity:1}
.from-cyan-700{--tw-gradient-from:#be123c!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(190,18,60,0))!important}
.via-cyan-700{--tw-gradient-stops:var(--tw-gradient-from),#be123c,var(--tw-gradient-to,rgba(190,18,60,0))!important}
.to-cyan-700{--tw-gradient-to:#be123c!important}
.bg-cyan-800,.hover\:bg-cyan-800:hover,.focus\:bg-cyan-800:focus{background-color:#9f1239!important}
.text-cyan-800,.hover\:text-cyan-800:hover{color:#9f1239!important}
.border-cyan-800,.hover\:border-cyan-800:hover,.focus\:border-cyan-800:focus{border-color:#9f1239!important}
.ring-cyan-800,.focus\:ring-cyan-800:focus{--tw-ring-color:#9f1239!important;--tw-ring-opacity:1}
.from-cyan-800{--tw-gradient-from:#9f1239!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,18,57,0))!important}
.via-cyan-800{--tw-gradient-stops:var(--tw-gradient-from),#9f1239,var(--tw-gradient-to,rgba(159,18,57,0))!important}
.to-cyan-800{--tw-gradient-to:#9f1239!important}
.bg-cyan-900,.hover\:bg-cyan-900:hover,.focus\:bg-cyan-900:focus{background-color:#881337!important}
.text-cyan-900,.hover\:text-cyan-900:hover{color:#881337!important}
.border-cyan-900,.hover\:border-cyan-900:hover,.focus\:border-cyan-900:focus{border-color:#881337!important}
.ring-cyan-900,.focus\:ring-cyan-900:focus{--tw-ring-color:#881337!important;--tw-ring-opacity:1}
.from-cyan-900{--tw-gradient-from:#881337!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(136,19,55,0))!important}
.via-cyan-900{--tw-gradient-stops:var(--tw-gradient-from),#881337,var(--tw-gradient-to,rgba(136,19,55,0))!important}
.to-cyan-900{--tw-gradient-to:#881337!important}
.bg-lightBlue-50,.hover\:bg-lightBlue-50:hover,.focus\:bg-lightBlue-50:focus{background-color:#fff1f2!important}
.text-lightBlue-50,.hover\:text-lightBlue-50:hover{color:#fff1f2!important}
.border-lightBlue-50,.hover\:border-lightBlue-50:hover,.focus\:border-lightBlue-50:focus{border-color:#fff1f2!important}
.ring-lightBlue-50,.focus\:ring-lightBlue-50:focus{--tw-ring-color:#fff1f2!important;--tw-ring-opacity:1}
.from-lightBlue-50{--tw-gradient-from:#fff1f2!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,241,242,0))!important}
.via-lightBlue-50{--tw-gradient-stops:var(--tw-gradient-from),#fff1f2,var(--tw-gradient-to,rgba(255,241,242,0))!important}
.to-lightBlue-50{--tw-gradient-to:#fff1f2!important}
.bg-lightBlue-100,.hover\:bg-lightBlue-100:hover,.focus\:bg-lightBlue-100:focus{background-color:#ffe4e6!important}
.text-lightBlue-100,.hover\:text-lightBlue-100:hover{color:#ffe4e6!important}
.border-lightBlue-100,.hover\:border-lightBlue-100:hover,.focus\:border-lightBlue-100:focus{border-color:#ffe4e6!important}
.ring-lightBlue-100,.focus\:ring-lightBlue-100:focus{--tw-ring-color:#ffe4e6!important;--tw-ring-opacity:1}
.from-lightBlue-100{--tw-gradient-from:#ffe4e6!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,228,230,0))!important}
.via-lightBlue-100{--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6,var(--tw-gradient-to,rgba(255,228,230,0))!important}
.to-lightBlue-100{--tw-gradient-to:#ffe4e6!important}
.bg-lightBlue-200,.hover\:bg-lightBlue-200:hover,.focus\:bg-lightBlue-200:focus{background-color:#fecdd3!important}
.text-lightBlue-200,.hover\:text-lightBlue-200:hover{color:#fecdd3!important}
.border-lightBlue-200,.hover\:border-lightBlue-200:hover,.focus\:border-lightBlue-200:focus{border-color:#fecdd3!important}
.ring-lightBlue-200,.focus\:ring-lightBlue-200:focus{--tw-ring-color:#fecdd3!important;--tw-ring-opacity:1}
.from-lightBlue-200{--tw-gradient-from:#fecdd3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,205,211,0))!important}
.via-lightBlue-200{--tw-gradient-stops:var(--tw-gradient-from),#fecdd3,var(--tw-gradient-to,rgba(254,205,211,0))!important}
.to-lightBlue-200{--tw-gradient-to:#fecdd3!important}
.bg-lightBlue-300,.hover\:bg-lightBlue-300:hover,.focus\:bg-lightBlue-300:focus{background-color:#fda4af!important}
.text-lightBlue-300,.hover\:text-lightBlue-300:hover{color:#fda4af!important}
.border-lightBlue-300,.hover\:border-lightBlue-300:hover,.focus\:border-lightBlue-300:focus{border-color:#fda4af!important}
.ring-lightBlue-300,.focus\:ring-lightBlue-300:focus{--tw-ring-color:#fda4af!important;--tw-ring-opacity:1}
.from-lightBlue-300{--tw-gradient-from:#fda4af!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,164,175,0))!important}
.via-lightBlue-300{--tw-gradient-stops:var(--tw-gradient-from),#fda4af,var(--tw-gradient-to,rgba(253,164,175,0))!important}
.to-lightBlue-300{--tw-gradient-to:#fda4af!important}
.bg-lightBlue-400,.hover\:bg-lightBlue-400:hover,.focus\:bg-lightBlue-400:focus{background-color:#fb7185!important}
.text-lightBlue-400,.hover\:text-lightBlue-400:hover{color:#fb7185!important}
.border-lightBlue-400,.hover\:border-lightBlue-400:hover,.focus\:border-lightBlue-400:focus{border-color:#fb7185!important}
.ring-lightBlue-400,.focus\:ring-lightBlue-400:focus{--tw-ring-color:#fb7185!important;--tw-ring-opacity:1}
.from-lightBlue-400{--tw-gradient-from:#fb7185!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,113,133,0))!important}
.via-lightBlue-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))!important}
.to-lightBlue-400{--tw-gradient-to:#fb7185!important}
.bg-lightBlue-500,.hover\:bg-lightBlue-500:hover,.focus\:bg-lightBlue-500:focus{background-color:#f43f5e!important}
.text-lightBlue-500,.hover\:text-lightBlue-500:hover{color:#f43f5e!important}
.border-lightBlue-500,.hover\:border-lightBlue-500:hover,.focus\:border-lightBlue-500:focus{border-color:#f43f5e!important}
.ring-lightBlue-500,.focus\:ring-lightBlue-500:focus{--tw-ring-color:#f43f5e!important;--tw-ring-opacity:1}
.from-lightBlue-500{--tw-gradient-from:#f43f5e!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(244,63,94,0))!important}
.via-lightBlue-500{--tw-gradient-stops:var(--tw-gradient-from),#f43f5e,var(--tw-gradient-to,rgba(244,63,94,0))!important}
.to-lightBlue-500{--tw-gradient-to:#f43f5e!important}
.bg-lightBlue-600,.hover\:bg-lightBlue-600:hover,.focus\:bg-lightBlue-600:focus{background-color:#e11d48!important}
.text-lightBlue-600,.hover\:text-lightBlue-600:hover{color:#e11d48!important}
.border-lightBlue-600,.hover\:border-lightBlue-600:hover,.focus\:border-lightBlue-600:focus{border-color:#e11d48!important}
.ring-lightBlue-600,.focus\:ring-lightBlue-600:focus{--tw-ring-color:#e11d48!important;--tw-ring-opacity:1}
.from-lightBlue-600{--tw-gradient-from:#e11d48!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(225,29,72,0))!important}
.via-lightBlue-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))!important}
.to-lightBlue-600{--tw-gradient-to:#e11d48!important}
.bg-lightBlue-700,.hover\:bg-lightBlue-700:hover,.focus\:bg-lightBlue-700:focus{background-color:#be123c!important}
.text-lightBlue-700,.hover\:text-lightBlue-700:hover{color:#be123c!important}
.border-lightBlue-700,.hover\:border-lightBlue-700:hover,.focus\:border-lightBlue-700:focus{border-color:#be123c!important}
.ring-lightBlue-700,.focus\:ring-lightBlue-700:focus{--tw-ring-color:#be123c!important;--tw-ring-opacity:1}
.from-lightBlue-700{--tw-gradient-from:#be123c!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(190,18,60,0))!important}
.via-lightBlue-700{--tw-gradient-stops:var(--tw-gradient-from),#be123c,var(--tw-gradient-to,rgba(190,18,60,0))!important}
.to-lightBlue-700{--tw-gradient-to:#be123c!important}
.bg-lightBlue-800,.hover\:bg-lightBlue-800:hover,.focus\:bg-lightBlue-800:focus{background-color:#9f1239!important}
.text-lightBlue-800,.hover\:text-lightBlue-800:hover{color:#9f1239!important}
.border-lightBlue-800,.hover\:border-lightBlue-800:hover,.focus\:border-lightBlue-800:focus{border-color:#9f1239!important}
.ring-lightBlue-800,.focus\:ring-lightBlue-800:focus{--tw-ring-color:#9f1239!important;--tw-ring-opacity:1}
.from-lightBlue-800{--tw-gradient-from:#9f1239!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,18,57,0))!important}
.via-lightBlue-800{--tw-gradient-stops:var(--tw-gradient-from),#9f1239,var(--tw-gradient-to,rgba(159,18,57,0))!important}
.to-lightBlue-800{--tw-gradient-to:#9f1239!important}
.bg-lightBlue-900,.hover\:bg-lightBlue-900:hover,.focus\:bg-lightBlue-900:focus{background-color:#881337!important}
.text-lightBlue-900,.hover\:text-lightBlue-900:hover{color:#881337!important}
.border-lightBlue-900,.hover\:border-lightBlue-900:hover,.focus\:border-lightBlue-900:focus{border-color:#881337!important}
.ring-lightBlue-900,.focus\:ring-lightBlue-900:focus{--tw-ring-color:#881337!important;--tw-ring-opacity:1}
.from-lightBlue-900{--tw-gradient-from:#881337!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(136,19,55,0))!important}
.via-lightBlue-900{--tw-gradient-stops:var(--tw-gradient-from),#881337,var(--tw-gradient-to,rgba(136,19,55,0))!important}
.to-lightBlue-900{--tw-gradient-to:#881337!important}
.bg-gray-300,.hover\:bg-gray-300:hover{background-color:#d4d4d4!important}
.border-gray-300{border-color:#d4d4d4!important}
.from-gray-300{--tw-gradient-from:#d4d4d4!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(212,212,212,0))!important}
.to-gray-300{--tw-gradient-to:#d4d4d4!important}
.bg-gray-400,.hover\:bg-gray-400:hover{background-color:#a3a3a3!important}
.border-gray-400{border-color:#a3a3a3!important}
.from-gray-400{--tw-gradient-from:#a3a3a3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,163,163,0))!important}
.to-gray-400{--tw-gradient-to:#a3a3a3!important}
.bg-gray-500,.hover\:bg-gray-500:hover{background-color:#8a8a8a!important}
.border-gray-500{border-color:#8a8a8a!important}
.from-gray-500{--tw-gradient-from:#8a8a8a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(138,138,138,0))!important}
.to-gray-500{--tw-gradient-to:#8a8a8a!important}
.bg-gray-600,.hover\:bg-gray-600:hover{background-color:#525252!important}
.border-gray-600{border-color:#525252!important}
.from-gray-600{--tw-gradient-from:#525252!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(82,82,82,0))!important}
.to-gray-600{--tw-gradient-to:#525252!important}
.bg-gray-700,.hover\:bg-gray-700:hover{background-color:#3a3a3a!important}
.border-gray-700{border-color:#3a3a3a!important}
.from-gray-700{--tw-gradient-from:#3a3a3a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,58,58,0))!important}
.to-gray-700{--tw-gradient-to:#3a3a3a!important}
.bg-gray-800,.hover\:bg-gray-800:hover{background-color:#232323!important}
.border-gray-800{border-color:#232323!important}
.from-gray-800{--tw-gradient-from:#232323!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,35,35,0))!important}
.to-gray-800{--tw-gradient-to:#232323!important}
.bg-gray-900,.hover\:bg-gray-900:hover{background-color:#151515!important}
.border-gray-900{border-color:#151515!important}
.from-gray-900{--tw-gradient-from:#151515!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(21,21,21,0))!important}
.to-gray-900{--tw-gradient-to:#151515!important}
.bg-slate-300,.hover\:bg-slate-300:hover{background-color:#d4d4d4!important}
.border-slate-300{border-color:#d4d4d4!important}
.from-slate-300{--tw-gradient-from:#d4d4d4!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(212,212,212,0))!important}
.to-slate-300{--tw-gradient-to:#d4d4d4!important}
.bg-slate-400,.hover\:bg-slate-400:hover{background-color:#a3a3a3!important}
.border-slate-400{border-color:#a3a3a3!important}
.from-slate-400{--tw-gradient-from:#a3a3a3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,163,163,0))!important}
.to-slate-400{--tw-gradient-to:#a3a3a3!important}
.bg-slate-500,.hover\:bg-slate-500:hover{background-color:#8a8a8a!important}
.border-slate-500{border-color:#8a8a8a!important}
.from-slate-500{--tw-gradient-from:#8a8a8a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(138,138,138,0))!important}
.to-slate-500{--tw-gradient-to:#8a8a8a!important}
.bg-slate-600,.hover\:bg-slate-600:hover{background-color:#525252!important}
.border-slate-600{border-color:#525252!important}
.from-slate-600{--tw-gradient-from:#525252!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(82,82,82,0))!important}
.to-slate-600{--tw-gradient-to:#525252!important}
.bg-slate-700,.hover\:bg-slate-700:hover{background-color:#3a3a3a!important}
.border-slate-700{border-color:#3a3a3a!important}
.from-slate-700{--tw-gradient-from:#3a3a3a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,58,58,0))!important}
.to-slate-700{--tw-gradient-to:#3a3a3a!important}
.bg-slate-800,.hover\:bg-slate-800:hover{background-color:#232323!important}
.border-slate-800{border-color:#232323!important}
.from-slate-800{--tw-gradient-from:#232323!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,35,35,0))!important}
.to-slate-800{--tw-gradient-to:#232323!important}
.bg-slate-900,.hover\:bg-slate-900:hover{background-color:#151515!important}
.border-slate-900{border-color:#151515!important}
.from-slate-900{--tw-gradient-from:#151515!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(21,21,21,0))!important}
.to-slate-900{--tw-gradient-to:#151515!important}
.bg-coolGray-300,.hover\:bg-coolGray-300:hover{background-color:#d4d4d4!important}
.border-coolGray-300{border-color:#d4d4d4!important}
.from-coolGray-300{--tw-gradient-from:#d4d4d4!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(212,212,212,0))!important}
.to-coolGray-300{--tw-gradient-to:#d4d4d4!important}
.bg-coolGray-400,.hover\:bg-coolGray-400:hover{background-color:#a3a3a3!important}
.border-coolGray-400{border-color:#a3a3a3!important}
.from-coolGray-400{--tw-gradient-from:#a3a3a3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,163,163,0))!important}
.to-coolGray-400{--tw-gradient-to:#a3a3a3!important}
.bg-coolGray-500,.hover\:bg-coolGray-500:hover{background-color:#8a8a8a!important}
.border-coolGray-500{border-color:#8a8a8a!important}
.from-coolGray-500{--tw-gradient-from:#8a8a8a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(138,138,138,0))!important}
.to-coolGray-500{--tw-gradient-to:#8a8a8a!important}
.bg-coolGray-600,.hover\:bg-coolGray-600:hover{background-color:#525252!important}
.border-coolGray-600{border-color:#525252!important}
.from-coolGray-600{--tw-gradient-from:#525252!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(82,82,82,0))!important}
.to-coolGray-600{--tw-gradient-to:#525252!important}
.bg-coolGray-700,.hover\:bg-coolGray-700:hover{background-color:#3a3a3a!important}
.border-coolGray-700{border-color:#3a3a3a!important}
.from-coolGray-700{--tw-gradient-from:#3a3a3a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,58,58,0))!important}
.to-coolGray-700{--tw-gradient-to:#3a3a3a!important}
.bg-coolGray-800,.hover\:bg-coolGray-800:hover{background-color:#232323!important}
.border-coolGray-800{border-color:#232323!important}
.from-coolGray-800{--tw-gradient-from:#232323!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,35,35,0))!important}
.to-coolGray-800{--tw-gradient-to:#232323!important}
.bg-coolGray-900,.hover\:bg-coolGray-900:hover{background-color:#151515!important}
.border-coolGray-900{border-color:#151515!important}
.from-coolGray-900{--tw-gradient-from:#151515!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(21,21,21,0))!important}
.to-coolGray-900{--tw-gradient-to:#151515!important}
.bg-blueGray-300,.hover\:bg-blueGray-300:hover{background-color:#d4d4d4!important}
.border-blueGray-300{border-color:#d4d4d4!important}
.from-blueGray-300{--tw-gradient-from:#d4d4d4!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(212,212,212,0))!important}
.to-blueGray-300{--tw-gradient-to:#d4d4d4!important}
.bg-blueGray-400,.hover\:bg-blueGray-400:hover{background-color:#a3a3a3!important}
.border-blueGray-400{border-color:#a3a3a3!important}
.from-blueGray-400{--tw-gradient-from:#a3a3a3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,163,163,0))!important}
.to-blueGray-400{--tw-gradient-to:#a3a3a3!important}
.bg-blueGray-500,.hover\:bg-blueGray-500:hover{background-color:#8a8a8a!important}
.border-blueGray-500{border-color:#8a8a8a!important}
.from-blueGray-500{--tw-gradient-from:#8a8a8a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(138,138,138,0))!important}
.to-blueGray-500{--tw-gradient-to:#8a8a8a!important}
.bg-blueGray-600,.hover\:bg-blueGray-600:hover{background-color:#525252!important}
.border-blueGray-600{border-color:#525252!important}
.from-blueGray-600{--tw-gradient-from:#525252!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(82,82,82,0))!important}
.to-blueGray-600{--tw-gradient-to:#525252!important}
.bg-blueGray-700,.hover\:bg-blueGray-700:hover{background-color:#3a3a3a!important}
.border-blueGray-700{border-color:#3a3a3a!important}
.from-blueGray-700{--tw-gradient-from:#3a3a3a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,58,58,0))!important}
.to-blueGray-700{--tw-gradient-to:#3a3a3a!important}
.bg-blueGray-800,.hover\:bg-blueGray-800:hover{background-color:#232323!important}
.border-blueGray-800{border-color:#232323!important}
.from-blueGray-800{--tw-gradient-from:#232323!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,35,35,0))!important}
.to-blueGray-800{--tw-gradient-to:#232323!important}
.bg-blueGray-900,.hover\:bg-blueGray-900:hover{background-color:#151515!important}
.border-blueGray-900{border-color:#151515!important}
.from-blueGray-900{--tw-gradient-from:#151515!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(21,21,21,0))!important}
.to-blueGray-900{--tw-gradient-to:#151515!important}
.bg-zinc-300,.hover\:bg-zinc-300:hover{background-color:#d4d4d4!important}
.border-zinc-300{border-color:#d4d4d4!important}
.from-zinc-300{--tw-gradient-from:#d4d4d4!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(212,212,212,0))!important}
.to-zinc-300{--tw-gradient-to:#d4d4d4!important}
.bg-zinc-400,.hover\:bg-zinc-400:hover{background-color:#a3a3a3!important}
.border-zinc-400{border-color:#a3a3a3!important}
.from-zinc-400{--tw-gradient-from:#a3a3a3!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,163,163,0))!important}
.to-zinc-400{--tw-gradient-to:#a3a3a3!important}
.bg-zinc-500,.hover\:bg-zinc-500:hover{background-color:#8a8a8a!important}
.border-zinc-500{border-color:#8a8a8a!important}
.from-zinc-500{--tw-gradient-from:#8a8a8a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(138,138,138,0))!important}
.to-zinc-500{--tw-gradient-to:#8a8a8a!important}
.bg-zinc-600,.hover\:bg-zinc-600:hover{background-color:#525252!important}
.border-zinc-600{border-color:#525252!important}
.from-zinc-600{--tw-gradient-from:#525252!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(82,82,82,0))!important}
.to-zinc-600{--tw-gradient-to:#525252!important}
.bg-zinc-700,.hover\:bg-zinc-700:hover{background-color:#3a3a3a!important}
.border-zinc-700{border-color:#3a3a3a!important}
.from-zinc-700{--tw-gradient-from:#3a3a3a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(58,58,58,0))!important}
.to-zinc-700{--tw-gradient-to:#3a3a3a!important}
.bg-zinc-800,.hover\:bg-zinc-800:hover{background-color:#232323!important}
.border-zinc-800{border-color:#232323!important}
.from-zinc-800{--tw-gradient-from:#232323!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,35,35,0))!important}
.to-zinc-800{--tw-gradient-to:#232323!important}
.bg-zinc-900,.hover\:bg-zinc-900:hover{background-color:#151515!important}
.border-zinc-900{border-color:#151515!important}
.from-zinc-900{--tw-gradient-from:#151515!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(21,21,21,0))!important}
.to-zinc-900{--tw-gradient-to:#151515!important}