:root {
  --brand-50: 239 235 250;
  --brand-100: 226 217 247;
  --brand-200: 200 183 240;
  --brand-300: 170 140 231;
  --brand-400: 133 99 219;
  --brand-500: 91 52 201;
  --brand-600: 69 40 164;
  --brand-700: 53 30 122;
  --brand-800: 37 20 84;
  --brand-900: 23 19 49;
  --brand-font-body: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-font-heading: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body, button, input, select, textarea {
  font-family: var(--brand-font-body);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--brand-font-heading);
}
* {
  font-family: inherit;
}

/* Brand utility classes (replace Tailwind config). */
.text-brand-50 { color: rgb(var(--brand-50) / 1); }
.bg-brand-50 { background-color: rgb(var(--brand-50) / 1); }
.border-brand-50 { border-color: rgb(var(--brand-50) / 1); }
.hover\:text-brand-50:hover { color: rgb(var(--brand-50) / 1); }
.hover\:bg-brand-50:hover { background-color: rgb(var(--brand-50) / 1); }
.focus\:border-brand-50:focus { border-color: rgb(var(--brand-50) / 1); }
.focus\:ring-brand-50:focus { --tw-ring-color: rgb(var(--brand-50) / 1); }
.bg-brand-50\/10 { background-color: rgb(var(--brand-50) / 0.1); }
.border-brand-50\/10 { border-color: rgb(var(--brand-50) / 0.1); }
.bg-brand-50\/40 { background-color: rgb(var(--brand-50) / 0.4); }
.border-brand-50\/40 { border-color: rgb(var(--brand-50) / 0.4); }
.bg-brand-50\/60 { background-color: rgb(var(--brand-50) / 0.6); }
.border-brand-50\/60 { border-color: rgb(var(--brand-50) / 0.6); }
.text-brand-100 { color: rgb(var(--brand-100) / 1); }
.bg-brand-100 { background-color: rgb(var(--brand-100) / 1); }
.border-brand-100 { border-color: rgb(var(--brand-100) / 1); }
.hover\:text-brand-100:hover { color: rgb(var(--brand-100) / 1); }
.hover\:bg-brand-100:hover { background-color: rgb(var(--brand-100) / 1); }
.focus\:border-brand-100:focus { border-color: rgb(var(--brand-100) / 1); }
.focus\:ring-brand-100:focus { --tw-ring-color: rgb(var(--brand-100) / 1); }
.bg-brand-100\/10 { background-color: rgb(var(--brand-100) / 0.1); }
.border-brand-100\/10 { border-color: rgb(var(--brand-100) / 0.1); }
.bg-brand-100\/40 { background-color: rgb(var(--brand-100) / 0.4); }
.border-brand-100\/40 { border-color: rgb(var(--brand-100) / 0.4); }
.bg-brand-100\/60 { background-color: rgb(var(--brand-100) / 0.6); }
.border-brand-100\/60 { border-color: rgb(var(--brand-100) / 0.6); }
.text-brand-200 { color: rgb(var(--brand-200) / 1); }
.bg-brand-200 { background-color: rgb(var(--brand-200) / 1); }
.border-brand-200 { border-color: rgb(var(--brand-200) / 1); }
.hover\:text-brand-200:hover { color: rgb(var(--brand-200) / 1); }
.hover\:bg-brand-200:hover { background-color: rgb(var(--brand-200) / 1); }
.focus\:border-brand-200:focus { border-color: rgb(var(--brand-200) / 1); }
.focus\:ring-brand-200:focus { --tw-ring-color: rgb(var(--brand-200) / 1); }
.bg-brand-200\/10 { background-color: rgb(var(--brand-200) / 0.1); }
.border-brand-200\/10 { border-color: rgb(var(--brand-200) / 0.1); }
.bg-brand-200\/40 { background-color: rgb(var(--brand-200) / 0.4); }
.border-brand-200\/40 { border-color: rgb(var(--brand-200) / 0.4); }
.bg-brand-200\/60 { background-color: rgb(var(--brand-200) / 0.6); }
.border-brand-200\/60 { border-color: rgb(var(--brand-200) / 0.6); }
.text-brand-300 { color: rgb(var(--brand-300) / 1); }
.bg-brand-300 { background-color: rgb(var(--brand-300) / 1); }
.border-brand-300 { border-color: rgb(var(--brand-300) / 1); }
.hover\:text-brand-300:hover { color: rgb(var(--brand-300) / 1); }
.hover\:bg-brand-300:hover { background-color: rgb(var(--brand-300) / 1); }
.focus\:border-brand-300:focus { border-color: rgb(var(--brand-300) / 1); }
.focus\:ring-brand-300:focus { --tw-ring-color: rgb(var(--brand-300) / 1); }
.bg-brand-300\/10 { background-color: rgb(var(--brand-300) / 0.1); }
.border-brand-300\/10 { border-color: rgb(var(--brand-300) / 0.1); }
.bg-brand-300\/40 { background-color: rgb(var(--brand-300) / 0.4); }
.border-brand-300\/40 { border-color: rgb(var(--brand-300) / 0.4); }
.bg-brand-300\/60 { background-color: rgb(var(--brand-300) / 0.6); }
.border-brand-300\/60 { border-color: rgb(var(--brand-300) / 0.6); }
.text-brand-400 { color: rgb(var(--brand-400) / 1); }
.bg-brand-400 { background-color: rgb(var(--brand-400) / 1); }
.border-brand-400 { border-color: rgb(var(--brand-400) / 1); }
.hover\:text-brand-400:hover { color: rgb(var(--brand-400) / 1); }
.hover\:bg-brand-400:hover { background-color: rgb(var(--brand-400) / 1); }
.focus\:border-brand-400:focus { border-color: rgb(var(--brand-400) / 1); }
.focus\:ring-brand-400:focus { --tw-ring-color: rgb(var(--brand-400) / 1); }
.bg-brand-400\/10 { background-color: rgb(var(--brand-400) / 0.1); }
.border-brand-400\/10 { border-color: rgb(var(--brand-400) / 0.1); }
.bg-brand-400\/40 { background-color: rgb(var(--brand-400) / 0.4); }
.border-brand-400\/40 { border-color: rgb(var(--brand-400) / 0.4); }
.bg-brand-400\/60 { background-color: rgb(var(--brand-400) / 0.6); }
.border-brand-400\/60 { border-color: rgb(var(--brand-400) / 0.6); }
.text-brand-500 { color: rgb(var(--brand-500) / 1); }
.bg-brand-500 { background-color: rgb(var(--brand-500) / 1); }
.border-brand-500 { border-color: rgb(var(--brand-500) / 1); }
.hover\:text-brand-500:hover { color: rgb(var(--brand-500) / 1); }
.hover\:bg-brand-500:hover { background-color: rgb(var(--brand-500) / 1); }
.focus\:border-brand-500:focus { border-color: rgb(var(--brand-500) / 1); }
.focus\:ring-brand-500:focus { --tw-ring-color: rgb(var(--brand-500) / 1); }
.bg-brand-500\/10 { background-color: rgb(var(--brand-500) / 0.1); }
.border-brand-500\/10 { border-color: rgb(var(--brand-500) / 0.1); }
.bg-brand-500\/40 { background-color: rgb(var(--brand-500) / 0.4); }
.border-brand-500\/40 { border-color: rgb(var(--brand-500) / 0.4); }
.bg-brand-500\/60 { background-color: rgb(var(--brand-500) / 0.6); }
.border-brand-500\/60 { border-color: rgb(var(--brand-500) / 0.6); }
.text-brand-600 { color: rgb(var(--brand-600) / 1); }
.bg-brand-600 { background-color: rgb(var(--brand-600) / 1); }
.border-brand-600 { border-color: rgb(var(--brand-600) / 1); }
.hover\:text-brand-600:hover { color: rgb(var(--brand-600) / 1); }
.hover\:bg-brand-600:hover { background-color: rgb(var(--brand-600) / 1); }
.focus\:border-brand-600:focus { border-color: rgb(var(--brand-600) / 1); }
.focus\:ring-brand-600:focus { --tw-ring-color: rgb(var(--brand-600) / 1); }
.bg-brand-600\/10 { background-color: rgb(var(--brand-600) / 0.1); }
.border-brand-600\/10 { border-color: rgb(var(--brand-600) / 0.1); }
.bg-brand-600\/40 { background-color: rgb(var(--brand-600) / 0.4); }
.border-brand-600\/40 { border-color: rgb(var(--brand-600) / 0.4); }
.bg-brand-600\/60 { background-color: rgb(var(--brand-600) / 0.6); }
.border-brand-600\/60 { border-color: rgb(var(--brand-600) / 0.6); }
.text-brand-700 { color: rgb(var(--brand-700) / 1); }
.bg-brand-700 { background-color: rgb(var(--brand-700) / 1); }
.border-brand-700 { border-color: rgb(var(--brand-700) / 1); }
.hover\:text-brand-700:hover { color: rgb(var(--brand-700) / 1); }
.hover\:bg-brand-700:hover { background-color: rgb(var(--brand-700) / 1); }
.focus\:border-brand-700:focus { border-color: rgb(var(--brand-700) / 1); }
.focus\:ring-brand-700:focus { --tw-ring-color: rgb(var(--brand-700) / 1); }
.bg-brand-700\/10 { background-color: rgb(var(--brand-700) / 0.1); }
.border-brand-700\/10 { border-color: rgb(var(--brand-700) / 0.1); }
.bg-brand-700\/40 { background-color: rgb(var(--brand-700) / 0.4); }
.border-brand-700\/40 { border-color: rgb(var(--brand-700) / 0.4); }
.bg-brand-700\/60 { background-color: rgb(var(--brand-700) / 0.6); }
.border-brand-700\/60 { border-color: rgb(var(--brand-700) / 0.6); }
.text-brand-800 { color: rgb(var(--brand-800) / 1); }
.bg-brand-800 { background-color: rgb(var(--brand-800) / 1); }
.border-brand-800 { border-color: rgb(var(--brand-800) / 1); }
.hover\:text-brand-800:hover { color: rgb(var(--brand-800) / 1); }
.hover\:bg-brand-800:hover { background-color: rgb(var(--brand-800) / 1); }
.focus\:border-brand-800:focus { border-color: rgb(var(--brand-800) / 1); }
.focus\:ring-brand-800:focus { --tw-ring-color: rgb(var(--brand-800) / 1); }
.bg-brand-800\/10 { background-color: rgb(var(--brand-800) / 0.1); }
.border-brand-800\/10 { border-color: rgb(var(--brand-800) / 0.1); }
.bg-brand-800\/40 { background-color: rgb(var(--brand-800) / 0.4); }
.border-brand-800\/40 { border-color: rgb(var(--brand-800) / 0.4); }
.bg-brand-800\/60 { background-color: rgb(var(--brand-800) / 0.6); }
.border-brand-800\/60 { border-color: rgb(var(--brand-800) / 0.6); }
.text-brand-900 { color: rgb(var(--brand-900) / 1); }
.bg-brand-900 { background-color: rgb(var(--brand-900) / 1); }
.border-brand-900 { border-color: rgb(var(--brand-900) / 1); }
.hover\:text-brand-900:hover { color: rgb(var(--brand-900) / 1); }
.hover\:bg-brand-900:hover { background-color: rgb(var(--brand-900) / 1); }
.focus\:border-brand-900:focus { border-color: rgb(var(--brand-900) / 1); }
.focus\:ring-brand-900:focus { --tw-ring-color: rgb(var(--brand-900) / 1); }
.bg-brand-900\/10 { background-color: rgb(var(--brand-900) / 0.1); }
.border-brand-900\/10 { border-color: rgb(var(--brand-900) / 0.1); }
.bg-brand-900\/40 { background-color: rgb(var(--brand-900) / 0.4); }
.border-brand-900\/40 { border-color: rgb(var(--brand-900) / 0.4); }
.bg-brand-900\/60 { background-color: rgb(var(--brand-900) / 0.6); }
.border-brand-900\/60 { border-color: rgb(var(--brand-900) / 0.6); }

/* Claim Refund skin helpers. */
.bg-slate-950 { background-color: #171331 !important; }
.bg-slate-100 { background-color: #F4F1FB !important; }
.bg-slate-50 { background-color: #FAF8FF !important; }
.text-slate-100 { color: #F7F6FF !important; }
.text-slate-900 { color: #171331 !important; }
.text-slate-700 { color: #3B3560 !important; }
.text-slate-600 { color: #4F4875 !important; }
.text-slate-500 { color: #9E99BD !important; }
.text-slate-400 { color: #C8C5DA !important; }
.border-slate-200 { border-color: #DED7F3 !important; }
.border-slate-800 { border-color: rgba(255, 255, 255, 0.18) !important; }
.rounded-md, .rounded-lg, .rounded-xl, .rounded-2xl { border-radius: 10px !important; }
a.bg-brand-500, button.bg-brand-500, a.bg-brand-600, button.bg-brand-600 {
  box-shadow: 0 0 4.5px rgba(0, 0, 0, 0.25) !important;
}