/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
/**
 * SOCIAL MEDIA COLOR PALETTE & TYPOGRAPHY SYSTEM
 * ================================================
 *
 * Comprehensive design system for social engagement
 * Optimized for likes, shares, comments, and follows
 * Updated: February 18, 2026
 */
:root {
  /* PRIMARY COLORS - Brand Identity */
  --color-primary: var(--color-primary-500);           /* Indigo - Professional & Modern */
  --color-primary-light: var(--color-primary-400);     /* Light Indigo */
  --color-primary-dark: var(--color-primary-600);      /* Dark Indigo */
  --color-primary-lighter: var(--color-primary-100);   /* Very Light Indigo */

  /* SECONDARY COLORS - Complementary */
  --color-secondary: var(--color-pink-500);         /* Pink - Engagement & Energy */
  --color-secondary-light: var(--color-pink-400);   /* Light Pink */
  --color-secondary-dark: var(--color-pink-700);    /* Dark Pink */
  --color-secondary-lighter: var(--color-pink-100); /* Very Light Pink */

  /* ACCENT COLORS - Social Actions */
  --color-accent-like: var(--color-error);       /* Red - Heart/Like */
  --color-accent-like-light: var(--color-red-200); /* Light Red */
  --color-accent-like-dark: var(--color-red-700);  /* Dark Red */

  --color-accent-share: var(--color-info);      /* Blue - Share/Forward */
  --color-accent-share-light: var(--color-blue-300);/* Light Blue */
  --color-accent-share-dark: var(--color-blue-800); /* Dark Blue */

  --color-accent-comment: var(--color-success);    /* Green - Comments/Response */
  --color-accent-comment-light: var(--color-green-300); /* Light Green */
  --color-accent-comment-dark: var(--color-green-800);  /* Dark Green */

  --color-accent-follow: var(--color-warning);     /* Amber - Follow/Subscribe */
  --color-accent-follow-light: var(--color-amber-300); /* Light Amber */
  --color-accent-follow-dark: var(--color-amber-800);  /* Dark Amber */

  --color-accent-save: var(--color-purple-500);       /* Purple - Save/Bookmark */
  --color-accent-save-light: var(--color-purple-300); /* Light Purple */
  --color-accent-save-dark: var(--color-purple-800);  /* Dark Purple */

  /* BRAND COLORS - Navigation & Special UI */
  --color-brand-beige: var(--color-orange-200);       /* Warm beige for text/accents */
  --color-brand-coral: var(--color-accent-400);       /* Coral red for highlights */
  --color-brand-cream: var(--color-gray-50);       /* Off-white for light backgrounds */
  --color-brand-midnight: var(--color-slate-700);    /* Midnight purple for gradients */
  --color-brand-magenta: var(--color-pink-400);     /* Magenta for gradient ends */
  --color-nav-bg-dark: var(--color-slate-900);       /* Dark nav background start */
  --color-nav-bg-slate-700: var(--color-slate-800);  /* Slate 700 */
  --color-nav-bg-slate-600: var(--color-slate-700);  /* Slate 600 */
  --color-nav-bg-slate-500: var(--color-slate-600);  /* Slate 500 */
  --color-nav-bg-slate-400: var(--color-slate-500);  /* Slate 400 */

  /* OFF-WHITE & TEXT COLORS */
  --color-off-white: var(--color-gray-50);         /* Off-white used in text */

  /* NEUTRAL COLORS - UI Elements */
  --color-neutral-50: var(--color-gray-100);        /* Very light gray */
  --color-neutral-100: var(--color-gray-100);       /* Light gray */
  --color-neutral-200: var(--color-gray-200);       /* Medium-light gray */

  /* GLASS EFFECT COLORS - With Transparency */
  --glass-white-10: rgb(var(--color-white-rgb) / 0.1);   /* 10% transparent white */
  --glass-white-20: rgb(var(--color-white-rgb) / 0.2);   /* 20% transparent white */   /* 70% transparent white */
  --glass-purple-80: rgb(var(--color-slate-600-rgb) / 0.8);    /* 80% purple (brand) */
  --glass-beige-10: rgb(var(--color-orange-200-rgb) / 0.1);   /* 10% transparent beige */
  --glass-beige-20: rgb(var(--color-orange-200-rgb) / 0.2);   /* 20% transparent beige */
  --overlay-dark-30: rgb(var(--color-black-rgb) / 0.3);        /* 30% transparent black */        /* 50% transparent black */
  --overlay-coral-30: rgb(var(--color-accent-400-rgb) / 0.3);  /* 30% transparent coral */

  /* GRADIENT DEFINITIONS */
  --gradient-slate-dark: var(--gradient-primary);
  --gradient-purple-magenta: var(--gradient-primary);

  /* STATUS COLORS */
  --color-success: var(--color-success);           /* Green - Success */
  --color-warning: var(--color-warning);           /* Amber - Warning */
  --color-error: var(--color-error);             /* Red - Error */
  --color-info: var(--color-info);              /* Blue - Info */

  --color-success-light: var(--color-green-100);
  --color-warning-light: var(--color-amber-100);
  --color-error-light: var(--color-red-100);
  --color-info-light: var(--color-blue-100);

  /* NEUTRAL COLORS - Backgrounds & Text */
  --color-bg-primary: var(--color-white);        /* White */
  --color-bg-secondary: var(--color-gray-50);      /* Light Gray */
  --color-bg-tertiary: var(--color-gray-100);       /* Medium Gray */
  --color-bg-dark: var(--color-gray-800);           /* Dark Gray */

  --color-text-primary: var(--color-gray-900);      /* Very Dark Gray - Primary Text */
  --color-text-secondary: var(--color-gray-600);    /* Medium Gray - Secondary Text */
  --color-text-tertiary: var(--color-gray-400);     /* Light Gray - Tertiary Text */
  --color-text-inverse: var(--color-white);      /* White - Inverse Text */

  --color-border: var(--color-gray-200);            /* Light Border */
  --color-border-dark: var(--color-gray-300);       /* Medium Border */
  --color-divider: var(--color-gray-100);           /* Divider Line */

  /* LEGACY ALIASES FOR COMPATIBILITY */
  --color-bg-base: var(--color-white);
  --color-bg-overlay: rgb(var(--color-black-rgb) / 0.5);
  --color-text-muted: var(--color-gray-400);
  --color-text-disabled: var(--color-gray-300);
  --color-border-light: var(--color-gray-200);
  --color-border-default: var(--color-gray-300);

  /* INTERACTIVE STATES */
  --hover-opacity: 0.9;
  --active-opacity: 0.85;
  --disabled-opacity: 0.5;

  /* SHADOWS */
  --shadow-sm: 0 1px 2px 0 rgb(var(--color-black-rgb) / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(var(--color-black-rgb) / 0.1), 0 2px 4px -1px rgb(var(--color-black-rgb) / 0.06);
  --shadow-lg: 0 10px 15px -3px rgb(var(--color-black-rgb) / 0.1), 0 4px 6px -2px rgb(var(--color-black-rgb) / 0.05);
  --shadow-xl: 0 20px 25px -5px rgb(var(--color-black-rgb) / 0.1), 0 10px 10px -5px rgb(var(--color-black-rgb) / 0.04);
  --shadow-focus: 0 0 0 3px rgb(var(--color-primary-500-rgb) / 0.1), 0 0 0 1px rgb(var(--color-primary-500-rgb) / 1);

  /* GLASS & OVERLAY EFFECTS */
  --glass-white-70: rgb(var(--color-white-rgb) / 0.7);
  --overlay-dark-50: rgb(var(--color-black-rgb) / 0.5);

  /* BORDER RADIUS */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;

  /* TRANSITIONS */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* GRADIENTS */
  --gradient-primary: var(--gradient-primary);
  --gradient-primary-alt: var(--gradient-primary);
  --gradient-accent: var(--gradient-error);

  /* FONT FAMILY */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
                 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  --font-mono: 'Monaco', 'Menlo', 'Consolas', monospace;

  /* TYPOGRAPHY SCALE */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  /* SPACING SCALE */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 40px;

  /* Z-INDEX */
  --z-auto: auto;
  --z-0: 0;
  --z-10: 10;
  --z-20: 20;
  --z-30: 30;
  --z-40: 40;
  --z-50: 50;
  --z-60: 60;
  --z-70: 70;
  --z-80: 80;
  --z-90: 90;
  --z-100: 100;
}
/* ===== BASE STYLES ===== */
html {
  font-family: var(--font-family);
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* Account for fixed navigation */
}
body {
  background-color: var(--color-bg-base);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
/* ===== UTILITY CLASSES ===== */
.text-primary {
  color: var(--color-text-primary);
}
.text-secondary {
  color: var(--color-text-secondary);
}
.text-muted {
  color: var(--color-text-muted);
}
.text-disabled {
  color: var(--color-text-disabled);
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-base {
  background-color: var(--color-bg-base);
}
.bg-secondary-surface {
  background-color: var(--color-bg-secondary);
}
.border-default {
  border-color: var(--color-border-default);
}
.border-light {
  border-color: var(--color-border-light);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-full {
  border-radius: var(--radius-full);
}
.shadow-sm {
  box-shadow: var(--shadow-sm);
}
.shadow-md {
  box-shadow: var(--shadow-md);
}
.shadow-lg {
  box-shadow: var(--shadow-lg);
}
.shadow-primary {
  box-shadow: var(--shadow-primary);
}
.transition-fast {
  transition: all var(--transition-fast);
}
.transition-base {
  transition: all var(--transition-base);
}
.transition-slow {
  transition: all var(--transition-slow);
}
/* ===== FOCUS STATES (ACCESSIBILITY) ===== */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* ===== SELECTION STYLES ===== */
::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-white);
}
::selection {
  background-color: var(--color-primary);
  color: var(--color-white);
}
::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-white);
}
/* ===== SCROLLBAR STYLES ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border-default);
  border-radius: var(--radius-md);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}
/* ===== BUTTON STYLES FOR SOCIAL ENGAGEMENT ===== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-lg);
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* PRIMARY BUTTON */
.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-md);
}
.btn-primary:hover {
  background-color: var(--color-primary-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}
.btn-primary:active {
  background-color: var(--color-primary-dark);
  transform: translateY(0);
}
.btn-primary:disabled {
  opacity: var(--disabled-opacity);
  cursor: not-allowed;
  transform: none;
}
/* SECONDARY BUTTON */
.btn-secondary {
  background-color: var(--color-secondary);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-md);
}
.btn-secondary:hover {
  background-color: var(--color-secondary-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}
/* LIKE BUTTON - Red/Heart Action */
.btn-like {
  background-color: transparent;
  color: var(--color-accent-like);
  border: 2px solid var(--color-accent-like);
  transition: all var(--transition-fast);
  padding: 4px 8px;
  font-size: 14px;
}
.btn-like:hover {
  background-color: var(--color-accent-like-light);
  color: var(--color-accent-like-dark);
  transform: scale(1.15);
}
.btn-like.active,
.btn-like.liked {
  background-color: var(--color-accent-like);
  color: var(--color-text-inverse);
  border-color: var(--color-accent-like);
}
/* SHARE BUTTON - Blue/Forward Action */
.btn-share {
  background-color: transparent;
  color: var(--color-accent-share);
  border: 2px solid var(--color-accent-share);
  transition: all var(--transition-fast);
  padding: 4px 8px;
  font-size: 14px;
}
.btn-share:hover {
  background-color: var(--color-accent-share-light);
  color: var(--color-accent-share-dark);
  transform: scale(1.1);
}
.btn-share.active {
  background-color: var(--color-accent-share);
  color: var(--color-text-inverse);
  border-color: var(--color-accent-share);
}
/* COMMENT BUTTON - Green/Response Action */
.btn-comment {
  background-color: transparent;
  color: var(--color-accent-comment);
  border: 2px solid var(--color-accent-comment);
  transition: all var(--transition-fast);
  padding: 4px 8px;
  font-size: 14px;
}
.btn-comment:hover {
  background-color: var(--color-accent-comment-light);
  color: var(--color-accent-comment-dark);
  transform: scale(1.1);
}
.btn-comment.active {
  background-color: var(--color-accent-comment);
  color: var(--color-text-inverse);
  border-color: var(--color-accent-comment);
}
/* FOLLOW BUTTON - Amber/Subscribe Action */
.btn-follow {
  background-color: var(--color-accent-follow);
  color: var(--color-text-inverse);
  border: 2px solid var(--color-accent-follow);
  padding: var(--space-sm) var(--space-lg);
  font-weight: var(--font-weight-semibold);
}
.btn-follow:hover {
  background-color: var(--color-accent-follow-dark);
  border-color: var(--color-accent-follow-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.btn-follow.following {
  background-color: transparent;
  color: var(--color-accent-follow);
  border-color: var(--color-accent-follow);
}
.btn-follow.following:hover {
  background-color: var(--color-accent-follow-light);
}
/* SAVE BUTTON - Purple/Bookmark Action */
.btn-save {
  background-color: transparent;
  color: var(--color-accent-save);
  border: 2px solid var(--color-accent-save);
  transition: all var(--transition-fast);
  padding: 4px 8px;
  font-size: 14px;
}
.btn-save:hover {
  background-color: var(--color-accent-save-light);
  color: var(--color-accent-save-dark);
  transform: scale(1.1);
}
.btn-save.saved {
  background-color: var(--color-accent-save);
  color: var(--color-text-inverse);
  border-color: var(--color-accent-save);
}
/* ===== CARD STYLES ===== */
.card {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}
.card:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-lighter);
}
.card-elevated {
  box-shadow: var(--shadow-md);
}
.card-elevated:hover {
  box-shadow: var(--shadow-lg);
}
/* ===== BADGE STYLES ===== */
.badge {
  display: inline-flex;
  align-items: center;
  padding: var(--space-xs) var(--space-md);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-full);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.badge-primary {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
}
.badge-secondary {
  background-color: var(--color-secondary-lighter);
  color: var(--color-secondary-dark);
}
.badge-success {
  background-color: var(--color-success-light);
  color: var(--color-success);
}
.badge-warning {
  background-color: var(--color-warning-light);
  color: var(--color-warning);
}
.badge-error {
  background-color: var(--color-error-light);
  color: var(--color-error);
}
.badge-info {
  background-color: var(--color-info-light);
  color: var(--color-info);
}
/* ===== SOCIAL ACTION COUNTERS ===== */
.social-counter {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  transition: color var(--transition-fast);
  cursor: pointer;
}
.social-counter.likes {
  color: var(--color-accent-like);
}
.social-counter.comments {
  color: var(--color-accent-comment);
}
.social-counter.shares {
  color: var(--color-accent-share);
}
.social-counter.follows {
  color: var(--color-accent-follow);
}
/* ===== INPUT STYLES ===== */
input,
textarea,
select {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: var(--shadow-focus);
}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-tertiary);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}
/* ===== ACCESSIBILITY ===== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.animate-fade-in {
  animation: fadeIn var(--transition-base) ease-in;
}
.animate-slide-in-up {
  animation: slideInUp var(--transition-base) ease-out;
}
.animate-slide-in-down {
  animation: slideInDown var(--transition-base) ease-out;
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
/* ===== PRINT STYLES ===== */
@media print {
  body {
    background: var(--color-white);
    color: var(--color-black);
  }

  a {
    text-decoration: underline;
  }
}
/* ===== BUTTON STYLING SYSTEM ===== */
/* I Am In - Button Components */
/* Includes: Primary, Secondary, Tertiary, Danger, Disabled states */
/* ===== PRIMARY BUTTON ===== */
.btn,
button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-family: var(--font-family);
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  white-space: nowrap;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  min-height: 44px;
  min-width: 44px;
}
button:disabled,
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
/* ===== PRIMARY BUTTON VARIANT ===== */
.btn-primary,
button.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-primary);
}
.btn-primary:hover:not(:disabled) {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}
.btn-primary:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}
.btn-primary:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
/* ===== SECONDARY BUTTON VARIANT ===== */
.btn-secondary,
button.btn-secondary {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-secondary:hover:not(:disabled) {
  background-color: rgb(var(--color-primary-500-rgb) / 0.1);
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark);
}
.btn-secondary:active:not(:disabled) {
  background-color: rgb(var(--color-primary-500-rgb) / 0.2);
}
/* ===== TERTIARY BUTTON VARIANT ===== */
.btn-tertiary,
button.btn-tertiary {
  background-color: transparent;
  color: var(--color-secondary);
  border-color: transparent;
}
.btn-tertiary:hover:not(:disabled) {
  background-color: rgb(var(--color-secondary-500-rgb) / 0.1);
  color: var(--color-secondary-dark);
}
/* ===== DANGER BUTTON VARIANT ===== */
.btn-danger,
button.btn-danger {
  background-color: var(--color-error);
  color: var(--color-white);
  border-color: var(--color-error);
  box-shadow: var(--shadow-accent);
}
.btn-danger:hover:not(:disabled) {
  background-color: var(--color-error-dark);
  border-color: var(--color-error-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}
/* ===== SUCCESS BUTTON VARIANT ===== */
.btn-success,
button.btn-success {
  background-color: var(--color-success);
  color: var(--color-white);
  border-color: var(--color-success);
  box-shadow: var(--shadow-primary);
}
.btn-success:hover:not(:disabled) {
  background-color: var(--color-success-dark);
  border-color: var(--color-success-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}
/* ===== WARNING BUTTON VARIANT ===== */
.btn-warning,
button.btn-warning {
  background-color: var(--color-warning);
  color: var(--color-white);
  border-color: var(--color-warning);
  box-shadow: var(--shadow-accent);
}
.btn-warning:hover:not(:disabled) {
  background-color: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}
/* ===== ACCENT BUTTON VARIANT (var(--color-accent-400)) ===== */
.btn-accent,
button.btn-accent {
  background: var(--gradient-accent);
  color: var(--color-white);
  border-color: transparent;
  box-shadow: var(--shadow-accent);
}
.btn-accent:hover:not(:disabled) {
  opacity: 0.9;
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
}
/* ===== GRADIENT BUTTON VARIANT ===== */
.btn-gradient,
button.btn-gradient {
  background: var(--gradient-primary);
  color: var(--color-white);
  border-color: transparent;
  box-shadow: var(--shadow-primary);
}
.btn-gradient:hover:not(:disabled) {
  opacity: 0.95;
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
}
/* ===== SMALL BUTTON SIZE ===== */
.btn-sm,
button.btn-sm {
  padding: 0.5rem 1rem;
  font-size: var(--text-sm);
  min-height: 36px;
  min-width: 36px;
}
/* ===== LARGE BUTTON SIZE ===== */
.btn-lg,
button.btn-lg {
  padding: 1rem 2rem;
  font-size: var(--text-lg);
  min-height: 52px;
  min-width: 52px;
}
/* ===== BLOCK BUTTON (FULL WIDTH) ===== */
.btn-block,
button.btn-block {
  width: 100%;
  display: flex;
}
/* ===== ICON BUTTON ===== */
.btn-icon,
button.btn-icon {
  padding: 0.75rem;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.btn-icon.btn-sm {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0.5rem;
}
.btn-icon.btn-lg {
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  padding: 1rem;
}
/* ===== LOADING STATE ===== */
.btn.is-loading,
button.is-loading {
  position: relative;
  color: transparent;
}
.btn.is-loading::after,
button.is-loading::after {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
  border: 2px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 0.6s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* ===== BUTTON GROUP ===== */
.btn-group {
  display: inline-flex;
  gap: 0;
}
.btn-group > .btn,
.btn-group > button {
  border-radius: 0;
  margin-left: -2px;
  z-index: 0;
}
.btn-group > .btn:first-child,
.btn-group > button:first-child {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.btn-group > .btn:last-child,
.btn-group > button:last-child {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.btn-group > .btn:hover,
.btn-group > button:hover {
  z-index: 1;
}
/* ===== RESPONSIVE BUTTON SIZING ===== */
@media (max-width: 768px) {
  .btn,
  button,
  .button {
    padding: 0.625rem 1rem;
    font-size: var(--text-sm);
  }

  .btn-lg,
  button.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: var(--text-base);
  }

  .btn-block,
  button.btn-block {
    width: 100%;
  }
}
/* ===== BUTTON WITH ICON AND TEXT ===== */
.btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-with-icon i,
.btn-with-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
/* ===== SOCIAL BUTTONS ===== */
.btn-social {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border-default);
}
.btn-social:hover:not(:disabled) {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.btn-social.google:hover {
  border-color: var(--color-error);
  color: var(--color-error);
}
.btn-social.facebook:hover {
  border-color: var(--color-blue-600);
  color: var(--color-blue-600);
}
.btn-social.twitter:hover {
  border-color: var(--color-secondary-500);
  color: var(--color-secondary-500);
}
/* ===== ACCESSIBILITY ===== */
@media (prefers-reduced-motion: reduce) {
  .btn,
  button,
  .button {
    transition: none;
    animation: none;
  }

  .btn:hover,
  button:hover {
    transform: none;
  }
}
/* ===== NAVIGATION COMPONENT STYLING ===== */
/* I Am In - Modern Navigation System */
/* ===== NAVBAR WRAPPER ===== */
.navbar-wrapper {
  background: var(--color-bg-secondary);
  box-shadow: 0 2px 12px rgb(var(--color-black-rgb) / 0.15);
}
/* ===== BRAND ROW ===== */
.brand-row {
  background-color: var(--color-bg-secondary) !important;
  border-bottom: 1px solid var(--color-border-default);
  padding: 12px 0;
  transition: all var(--transition-base);
}
.brand-row:hover {
  box-shadow: 0 4px 16px rgb(var(--color-black-rgb) / 0.2);
}
.brand-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  gap: 1rem;
}
/* ===== BRAND LINK ===== */
.brand-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  gap: 0.75rem;
  transition: opacity var(--transition-base);
}
.brand-link:hover {
  opacity: 0.8;
}
.brand-link:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
  border-radius: 4px;
}
/* ===== NAVBAR LOGO ===== */
.navbar-logo {
  height: 40px;
  width: auto;
  filter: brightness(1.1) drop-shadow(0 2px 4px rgb(var(--color-black-rgb) / 0.3));
  transition: transform var(--transition-base);
}
.brand-link:hover .navbar-logo {
  transform: scale(1.05);
}
/* ===== BRAND TEXT ===== */
.brand-text {
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: 0.5px;
  white-space: nowrap;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
/* ===== MOBILE HAMBURGER CONTAINER ===== */
.mobile-hamburger-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* ===== HAMBURGER BUTTON ===== */
.hamburger-button {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  transition: all var(--transition-base);
}
.hamburger-button:hover {
  opacity: 0.7;
}
.hamburger-button span {
  width: 24px;
  height: 2px;
  background-color: var(--color-text-primary);
  transition: all var(--transition-base);
  border-radius: 1px;
}
.hamburger-button.active span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}
.hamburger-button.active span:nth-child(2) {
  opacity: 0;
}
.hamburger-button.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}
/* ===== MOBILE NAVIGATION DROPDOWN ===== */
.mobile-nav-dropdown {
  display: none;
  background-color: var(--color-bg-base);
  border-bottom: 1px solid var(--color-border-default);
  overflow-y: auto;
  max-height: 0;
  transition: max-height var(--transition-base);
  z-index: 999;
}
.mobile-nav-dropdown.mobile-active {
  display: block;
  max-height: calc(100vh - 120px);
}
.mobile-nav-content {
  padding: 1rem 0;
}
/* ===== MOBILE NAV SECTION HEADER ===== */
.mobile-nav-section-header {
  padding: 0.75rem 1rem;
  color: var(--color-secondary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0.5rem 0;
}
/* ===== MOBILE NAV GROUP ===== */
.mobile-nav-group {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
/* ===== MOBILE NAV BUTTON ===== */
.mobile-nav-btn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}
.mobile-nav-btn:hover,
.mobile-nav-btn.active {
  background-color: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding-left: 1.5rem;
}
.mobile-nav-btn i {
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}
/* ===== NAV LINKS ROW ===== */
.nav-links-row {
  background-color: var(--color-bg-secondary) !important;
  border-bottom: 1px solid var(--color-border-default);
  padding: 8px 0;
  display: none;
}
@media (min-width: 768px) {
  .nav-links-row {
    display: block;
  }

  .desktop-only {
    display: flex !important;
  }
}
.nav-links-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  width: 100%;
}
/* ===== NAV BUTTONS CONTAINER ===== */
.nav-buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  width: 100%;
}
/* ===== NAV GROUP ===== */
.nav-group {
  display: flex;
  gap: 1rem;
  align-items: center;
}
/* ===== NAV BUTTON ===== */
.nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  position: relative;
}
.nav-btn:hover {
  color: var(--color-secondary);
  background-color: rgb(var(--color-secondary-500-rgb) / 0.1);
  border-color: var(--color-secondary);
}
.nav-btn.active {
  color: var(--color-secondary);
  background-color: rgb(var(--color-secondary-500-rgb) / 0.15);
  border-color: var(--color-secondary);
  font-weight: var(--font-weight-semibold);
}
.nav-btn i {
  font-size: 1rem;
  transition: transform var(--transition-fast);
}
.nav-btn:hover i {
  transform: scale(1.1);
}
/* ===== AUTHENTICATION BUTTONS ===== */
.nav-btn.auth-btn,
.nav-btn.join-btn {
  padding: 0.625rem 1rem;
  border: 2px solid var(--color-primary);
  background: transparent;
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
}
.nav-btn.auth-btn:hover,
.nav-btn.join-btn:hover {
  background: rgb(var(--color-primary-500-rgb) / 0.15);
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark);
}
.nav-btn.join-btn {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.nav-btn.join-btn:hover {
  background: rgb(var(--color-accent-500-rgb) / 0.15);
  border-color: var(--color-accent-dark);
  color: var(--color-accent-dark);
}
/* ===== PROFILE BUTTON ===== */
.nav-btn.profile-btn {
  gap: 0.625rem;
  padding: 0.5rem 0.75rem;
}
.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--color-secondary);
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform var(--transition-base);
}
.nav-btn.profile-btn:hover .user-avatar {
  transform: scale(1.1);
  border-color: var(--color-secondary-dark);
}
.profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 0.5rem;
  border: 1px solid var(--color-secondary);
}
/* ===== BADGE (Unread Messages) ===== */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background-color: var(--color-accent);
  color: var(--color-white);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
}
/* Positioning is nav-only — a bare .badge on page content stays in flow */
.navbar-new .badge {
  position: absolute;
  top: -6px;
  right: -6px;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
/* ===== LANGUAGE SWITCHER ===== */
.language-switcher {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.lang-btn {
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: 1px solid var(--color-border-default);
  color: var(--color-text-secondary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}
.lang-btn:hover,
.lang-btn.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
  .brand-row {
    padding: 10px 0;
  }

  .navbar-logo {
    height: 32px;
  }

  .brand-text {
    font-size: 1.1rem;
  }

  .nav-links-row {
    display: none;
  }

  .mobile-nav-btn {
    padding: 0.75rem;
    font-size: var(--text-xs);
  }

  .mobile-nav-section-header {
    padding: 0.625rem 1rem;
    font-size: var(--font-size-xs);
  }
}
@media (max-width: 480px) {
  .brand-row {
    padding: 8px 0;
  }

  .navbar-logo {
    height: 28px;
  }

  .brand-text {
    font-size: 1rem;
  }

  .mobile-hamburger-container {
    gap: 0.5rem;
  }

  .hamburger-button span {
    width: 20px;
  }
}
/* ===== DESKTOP ONLY STYLES ===== */
@media (min-width: 1024px) {
  .mobile-nav-dropdown {
    display: none !important;
  }

  .mobile-hamburger-container {
    display: none !important;
  }

  .nav-group {
    gap: 1.5rem;
  }
}
/* ===== ACCESSIBILITY ===== */
.nav-btn:focus-visible,
.hamburger-button:focus-visible,
.lang-btn:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .nav-btn,
  .mobile-nav-btn,
  .hamburger-button,
  .navbar-logo,
  .navbar-new .badge {
    transition: none;
    animation: none;
  }
}
/* ===== MODAL COMPONENT STYLING ===== */
/* I Am In - Modern Modal System */
/* ===== MODAL OVERLAY ===== */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-bg-overlay);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal-backdrop);
  padding: 1rem;
  animation: fadeIn 200ms ease-out;
  overflow-y: auto;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ===== MODAL CONTAINER ===== */
.modal-container {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2xl);
  animation: slideIn 200ms ease-out;
  position: relative;
  border: 1px solid var(--color-border-default);
  max-height: 90vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-default) var(--color-bg-secondary);
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.modal-container::-webkit-scrollbar {
  width: 8px;
}
.modal-container::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
  border-radius: 4px;
}
.modal-container::-webkit-scrollbar-thumb {
  background: var(--color-border-default);
  border-radius: 4px;
}
.modal-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}
/* ===== MODAL HEADER ===== */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-default);
}
.modal-header-title {
  font-size: var(--text-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
}
/* ===== MODAL CLOSE BUTTON ===== */
.modal-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all var(--transition-base);
  padding: 0;
  font-size: 1.25rem;
}
.modal-close-btn:hover {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-color: var(--color-border-dark);
}
.modal-close-btn:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
/* ===== MODAL BODY ===== */
.modal-body {
  padding: 1.5rem;
  color: var(--color-text-secondary);
}
.modal-body p {
  margin: 0 0 1rem 0;
  line-height: var(--line-height-relaxed);
}
.modal-body p:last-child {
  margin-bottom: 0;
}
/* ===== MODAL FOOTER ===== */
.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid var(--color-border-default);
  background-color: var(--color-bg-base);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
/* ===== MODAL SIZE VARIANTS ===== */
/* Small Modal */
.modal-sm {
  width: 100%;
  max-width: 384px; /* 24rem */
}
/* Default Modal */
.modal-md {
  width: 100%;
  max-width: 512px; /* 32rem */
}
/* Large Modal */
.modal-lg {
  width: 100%;
  max-width: 768px; /* 48rem */
}
/* Extra Large Modal */
.modal-xl {
  width: 100%;
  max-width: 896px; /* 56rem */
}
/* Full Width Modal */
.modal-full {
  width: 100%;
  max-width: calc(100% - 2rem);
}
/* ===== LOGIN MODAL SPECIFIC ===== */
.login-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--color-black-rgb) / 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal);
  padding: 1rem;
  animation: fadeIn 300ms ease-out;
}
.login-modal-container {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: var(--shadow-2xl);
  animation: slideIn 300ms ease-out;
  position: relative;
  border: 1px solid var(--color-border-default);
}
/* ===== FORM STYLES WITHIN MODAL ===== */
.modal-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}
.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-base);
  border: 2px solid var(--color-border-default);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-family);
  font-size: var(--text-base);
  transition: all var(--transition-base);
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: var(--color-text-muted);
}
.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--color-text-muted);
}
.form-input:hover,
.form-select:hover,
.form-textarea:hover {
  border-color: var(--color-border-dark);
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgb(var(--color-primary-500-rgb) / 0.1);
}
.form-input.error,
.form-select.error,
.form-textarea.error {
  border-color: var(--color-error);
}
.form-input.error:focus,
.form-select.error:focus,
.form-textarea.error:focus {
  box-shadow: 0 0 0 3px rgb(var(--color-error-rgb) / 0.1);
}
/* ===== FORM ERROR MESSAGES ===== */
.field-error {
  color: var(--color-error);
  font-size: var(--text-xs);
  margin-top: -0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.field-error i {
  font-size: 0.875rem;
}
/* ===== ALERT MESSAGES IN MODAL ===== */
.modal-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--line-height-relaxed);
  margin-bottom: 1rem;
}
.modal-alert.error {
  background: var(--gradient-error);
  color: var(--color-error);
  border: 1px solid rgb(var(--color-error-rgb) / 0.3);
}
.modal-alert.success {
  background: var(--gradient-success);
  color: var(--color-success);
  border: 1px solid rgb(var(--color-success-rgb) / 0.3);
}
.modal-alert.warning {
  background: var(--gradient-warning);
  color: var(--color-warning);
  border: 1px solid rgb(var(--color-warning-rgb) / 0.3);
}
.modal-alert.info {
  background: var(--gradient-info);
  color: var(--color-info);
  border: 1px solid rgb(var(--color-info-rgb) / 0.3);
}
.modal-alert i {
  flex-shrink: 0;
  font-size: 1.25rem;
}
/* ===== DIVIDER IN MODAL ===== */
.modal-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}
.modal-divider::before,
.modal-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: var(--color-border-default);
}
/* ===== RESPONSIVE MODAL SIZING ===== */
@media (max-width: 768px) {
  .modal-container,
  .login-modal-container {
    max-width: 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 80vh;
  }

  .modal-overlay,
  .login-modal-overlay {
    align-items: flex-end;
    padding: 0;
  }

  .modal-lg,
  .modal-xl {
    max-width: 100%;
  }

  .modal-header {
    padding: 1rem;
  }

  .modal-body {
    padding: 1rem;
  }

  .modal-footer {
    padding: 1rem;
    gap: 0.75rem;
    flex-direction: column-reverse;
  }
}
@media (max-width: 480px) {
  .modal-header {
    padding: 1rem;
    gap: 0.5rem;
  }

  .modal-header-title {
    font-size: var(--text-lg);
  }

  .modal-close-btn {
    width: 36px;
    height: 36px;
    font-size: 1.125rem;
  }

  .modal-body {
    padding: 1rem;
  }

  .modal-footer {
    padding: 1rem;
    flex-direction: column;
  }

  .modal-footer button {
    width: 100%;
  }
}
/* ===== ACCESSIBILITY ===== */
.modal-container:focus-visible,
.modal-overlay:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .modal-overlay,
  .modal-container,
  .login-modal-overlay,
  .login-modal-container {
    animation: none;
    transition: none;
  }
}
/* ===== PRINT STYLES ===== */
@media print {
  .modal-overlay,
  .login-modal-overlay {
    display: none;
  }
}
/* New Design System - Remove All Gradients, Solid Colors Only */
/* Admin/Moderator: var(--color-red-900) background, red border, gold text */
/* Default: var(--color-blue-700) background, gold text */
:root {
  /* Primary Colors - Brown/Gold Brand Theme */
  --primary-blue: var(--color-amber-800);
  --primary-blue-hover: var(--color-amber-800);
  --primary-blue-active: var(--color-amber-900);
  --primary-blue-light: var(--color-amber-600);
  --primary-blue-dark: var(--color-amber-900);
  --primary-blue-darker: var(--color-gray-800);
  
  /* Brown Color System */
  --chocolate-brown: var(--color-amber-800);
  --primary-brown: var(--color-amber-900);
  --warm-beige: var(--color-amber-600);
  
  --gold-text: var(--color-amber-400);
  --gold-text-hover: var(--color-amber-400);
  
  /* Admin/Moderator Colors */
  --burgundy-bg: var(--color-red-900);
  --burgundy-hover: var(--color-red-800);
  --burgundy-active: var(--color-red-900);
  --red-border: var(--color-red-600);
  --red-border-hover: var(--color-error);
  
  /* Neutral Colors */
  --white: var(--color-white);
  --gray-50: var(--color-gray-50);
  --gray-100: var(--color-gray-100);
  --gray-200: var(--color-gray-200);
  --gray-300: var(--color-gray-300);
  --gray-400: var(--color-gray-400);
  --gray-500: var(--color-gray-500);
  --gray-600: var(--color-gray-600);
  --gray-700: var(--color-gray-700);
  --gray-800: var(--color-gray-800);
  --gray-900: var(--color-gray-900);
  
  /* Status Colors (solid only) */
  --success: var(--color-green-600);
  --success-hover: var(--color-green-700);
  --warning: var(--color-amber-600);
  --warning-hover: var(--color-amber-700);
  --error: var(--color-red-600);
  --error-hover: var(--color-red-700);
  --info: var(--color-secondary-600);
  --info-hover: var(--color-secondary-700);
}
/* Remove all gradient variables and classes */
.has-gradient,
.gradient-primary,
.gradient-secondary,
.gradient-accent,
.gradient-warm,
.gradient-cool,
.gradient-hero {
  background: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
/* Default Button Styling - Blue background, White text */
.button,
.btn,
button:not(.admin-btn):not(.moderator-btn) {
  background-color: var(--primary-blue) !important;
  color: var(--color-white) !important;
  border: 2px solid var(--primary-blue) !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}
.button:hover,
.btn:hover,
button:not(.admin-btn):not(.moderator-btn):hover {
  background-color: var(--primary-blue-hover) !important;
  color: var(--color-white) !important;
  border-color: var(--primary-blue-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgb(var(--color-blue-400-rgb) / 0.3) !important;
}
.button:active,
.btn:active,
button:not(.admin-btn):not(.moderator-btn):active {
  background-color: var(--primary-blue-active) !important;
  border-color: var(--primary-blue-active) !important;
  transform: translateY(0) !important;
}
/* Admin/Moderator Button Styling - Burgundy background, Red border, Gold text */
.admin-btn,
.moderator-btn,
.button.is-admin,
.button.is-moderator,
.btn-admin,
.btn-moderator {
  background-color: var(--burgundy-bg) !important;
  color: var(--gold-text) !important;
  border: 2px solid var(--red-border) !important;
  transition: all 0.3s ease !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}
.admin-btn:hover,
.moderator-btn:hover,
.button.is-admin:hover,
.button.is-moderator:hover,
.btn-admin:hover,
.btn-moderator:hover {
  background-color: var(--burgundy-hover) !important;
  color: var(--gold-text-hover) !important;
  border-color: var(--red-border-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgb(var(--color-red-900-rgb) / 0.4) !important;
}
.admin-btn:active,
.moderator-btn:active,
.button.is-admin:active,
.button.is-moderator:active,
.btn-admin:active,
.btn-moderator:active {
  background-color: var(--burgundy-active) !important;
  border-color: var(--red-border) !important;
  transform: translateY(0) !important;
}
/* Override Bulma color classes with burgundy/gold system */
.is-primary,
.is-secondary,
.is-success,
.is-info,
.is-warning,
.is-danger,
.is-light,
.is-dark {
  background-color: var(--primary-burgundy) !important;
  color: var(--gold-text) !important;
  border-color: var(--primary-burgundy) !important;
}
.is-primary:hover,
.is-secondary:hover,
.is-success:hover,
.is-info:hover,
.is-warning:hover,
.is-danger:hover,
.is-light:hover,
.is-dark:hover {
  background-color: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
  border-color: var(--primary-blue-hover) !important;
}
/* Outlined button variations */
.button.is-outlined,
.btn-outlined {
  background-color: transparent !important;
  color: var(--primary-blue) !important;
  border: 2px solid var(--primary-blue) !important;
}
.button.is-outlined:hover,
.btn-outlined:hover {
  background-color: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
.admin-btn.is-outlined,
.moderator-btn.is-outlined,
.btn-admin-outlined,
.btn-moderator-outlined {
  background-color: transparent !important;
  color: var(--burgundy-bg) !important;
  border: 2px solid var(--red-border) !important;
}
.admin-btn.is-outlined:hover,
.moderator-btn.is-outlined:hover,
.btn-admin-outlined:hover,
.btn-moderator-outlined:hover {
  background-color: var(--burgundy-bg) !important;
  color: var(--gold-text) !important;
  border-color: var(--red-border) !important;
}
/* Status buttons with solid colors */
.btn-success,
.button.is-success-solid {
  background-color: var(--success) !important;
  color: var(--white) !important;
  border-color: var(--success) !important;
}
.btn-success:hover,
.button.is-success-solid:hover {
  background-color: var(--success-hover) !important;
}
.btn-warning,
.button.is-warning-solid {
  background-color: var(--warning) !important;
  color: var(--white) !important;
  border-color: var(--warning) !important;
}
.btn-warning:hover,
.button.is-warning-solid:hover {
  background-color: var(--warning-hover) !important;
}
.btn-error,
.button.is-error-solid {
  background-color: var(--error) !important;
  color: var(--white) !important;
  border-color: var(--error) !important;
}
.btn-error:hover,
.button.is-error-solid:hover {
  background-color: var(--error-hover) !important;
}
.btn-info,
.button.is-info-solid {
  background-color: var(--info) !important;
  color: var(--white) !important;
  border-color: var(--info) !important;
}
.btn-info:hover,
.button.is-info-solid:hover {
  background-color: var(--info-hover) !important;
}
/* Modern Sidebar Styling (replacement for dropdowns) */
.modern-sidebar {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  background-color: var(--white);
  box-shadow: -4px 0 15px rgb(var(--color-black-rgb) / 0.1);
  transition: right 0.3s ease;
  z-index: 9999;
  overflow-y: auto;
}
.modern-sidebar.is-active {
  right: 0;
}
.modern-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-black-rgb) / 0.5);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.modern-sidebar-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.sidebar-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--gray-200);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar-content {
  padding: 1rem;
}
.sidebar-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  color: var(--gray-700);
  text-decoration: none;
  border-radius: 8px;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease;
}
.sidebar-item:hover {
  background-color: var(--gray-100);
  color: var(--primary-blue);
}
.sidebar-item.is-admin {
  background-color: var(--burgundy-bg);
  color: var(--gold-text);
  border: 1px solid var(--red-border);
}
.sidebar-item.is-admin:hover {
  background-color: var(--burgundy-hover);
  border-color: var(--red-border-hover);
}
.sidebar-item .icon {
  margin-right: 0.75rem;
  font-size: 1.1rem;
}
/* Card styling - no gradients */
.card {
  background-color: var(--white) !important;
  border: 1px solid var(--gray-200) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgb(var(--color-black-rgb) / 0.1) !important;
}
.card-header {
  background-color: var(--gray-50) !important;
  border-bottom: 1px solid var(--gray-200) !important;
}
/* Form styling */
.input,
.textarea,
.select select {
  border: 2px solid var(--gray-300) !important;
  border-radius: 6px !important;
  transition: border-color 0.3s ease !important;
}
.input:focus,
.textarea:focus,
.select select:focus {
  border-color: var(--primary-blue) !important;
  box-shadow: 0 0 0 3px rgb(var(--color-blue-800-rgb) / 0.1) !important;
}
/* Navigation updates */
.navbar {
  background-color: var(--white) !important;
  border-bottom: 1px solid var(--gray-200) !important;
  box-shadow: 0 2px 4px rgb(var(--color-black-rgb) / 0.1) !important;
}
.navbar-item {
  color: var(--gray-700) !important;
}
.navbar-item:hover {
  background-color: var(--gray-100) !important;
  color: var(--primary-blue) !important;
}
/* Tag styling */
.tag {
  border-radius: 6px !important;
  font-weight: 600 !important;
}
.tag.is-admin {
  background-color: var(--burgundy-bg) !important;
  color: var(--gold-text) !important;
  border: 1px solid var(--red-border) !important;
}
.tag.is-moderator {
  background-color: var(--burgundy-bg) !important;
  color: var(--gold-text) !important;
  border: 1px solid var(--red-border) !important;
}
/* Gradients are allowed again — every gradient now resolves to a
   canonical --gradient-* token from tokens.css (brand palette only). */
/* Animation classes */
.slide-in-right {
  animation: slideInRight 0.3s ease;
}
@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.fade-in {
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ============================================================
   DESIGN TOKENS — single source of truth
   Mirrors tailwind.config.js. All colors/gradients across the
   app must reference these variables or the Tailwind palette
   classes — never raw hex/rgb/gradient literals.
   ============================================================ */
:root {
  /* ===== PRIMARY (Indigo) ===== */
  --color-primary-50:  #f0f4ff;  --color-primary-50-rgb:  240 244 255;
  --color-primary-100: #e0e7ff;  --color-primary-100-rgb: 224 231 255;
  --color-primary-200: #c7d2fe;  --color-primary-200-rgb: 199 210 254;
  --color-primary-300: #a5b4fc;  --color-primary-300-rgb: 165 180 252;
  --color-primary-400: #818cf8;  --color-primary-400-rgb: 129 140 248;
  --color-primary-500: #6366f1;  --color-primary-500-rgb: 99 102 241;
  --color-primary-600: #4f46e5;  --color-primary-600-rgb: 79 70 229;
  --color-primary-700: #4338ca;  --color-primary-700-rgb: 67 56 202;
  --color-primary-800: #3730a3;  --color-primary-800-rgb: 55 48 163;
  --color-primary-900: #312e81;  --color-primary-900-rgb: 49 46 129;

  --color-primary:        var(--color-primary-500);
  --color-primary-light:  var(--color-primary-400);
  --color-primary-dark:   var(--color-primary-600);
  --color-primary-lighter: var(--color-primary-100);
  --color-primary-hover:  var(--color-primary-600);
  --color-primary-rgb:    var(--color-primary-500-rgb);

  /* ===== SECONDARY (Cyan) ===== */
  --color-secondary-50:  #ecfdfd;  --color-secondary-50-rgb:  236 253 253;
  --color-secondary-100: #cffafe;  --color-secondary-100-rgb: 207 250 254;
  --color-secondary-200: #a5f3fc;  --color-secondary-200-rgb: 165 243 252;
  --color-secondary-300: #67e8f9;  --color-secondary-300-rgb: 103 232 249;
  --color-secondary-400: #22d3ee;  --color-secondary-400-rgb: 34 211 238;
  --color-secondary-500: #06b6d4;  --color-secondary-500-rgb: 6 182 212;
  --color-secondary-600: #0891b2;  --color-secondary-600-rgb: 8 145 178;
  --color-secondary-700: #0e7490;  --color-secondary-700-rgb: 14 116 144;
  --color-secondary-800: #155e75;  --color-secondary-800-rgb: 21 94 117;
  --color-secondary-900: #164e63;  --color-secondary-900-rgb: 22 78 99;

  --color-secondary:       var(--color-secondary-500);
  --color-secondary-light: var(--color-secondary-400);
  --color-secondary-dark:  var(--color-secondary-600);
  --color-secondary-rgb:   var(--color-secondary-500-rgb);

  /* ===== ACCENT (Rose) ===== */
  --color-accent-50:  #fff1f2;  --color-accent-50-rgb:  255 241 242;
  --color-accent-100: #ffe4e6;  --color-accent-100-rgb: 255 228 230;
  --color-accent-200: #fecdd3;  --color-accent-200-rgb: 254 205 211;
  --color-accent-300: #fda29b;  --color-accent-300-rgb: 253 162 155;
  --color-accent-400: #f97066;  --color-accent-400-rgb: 249 112 102;
  --color-accent-500: #f43f5e;  --color-accent-500-rgb: 244 63 94;
  --color-accent-600: #e11d48;  --color-accent-600-rgb: 225 29 72;
  --color-accent-700: #be185d;  --color-accent-700-rgb: 190 24 93;
  --color-accent-800: #9d174d;  --color-accent-800-rgb: 157 23 77;
  --color-accent-900: #831843;  --color-accent-900-rgb: 131 24 67;

  --color-accent:       var(--color-accent-500);
  --color-accent-light: var(--color-accent-400);
  --color-accent-dark:  var(--color-accent-600);
  --color-accent-rgb:   var(--color-accent-500-rgb);
  --accent-coral:       var(--color-accent-400);

  /* ===== SEMANTIC ===== */
  --color-success: #10b981;  --color-success-rgb: 16 185 129;
  --color-warning: #f59e0b;  --color-warning-rgb: 245 158 11;
  --color-error:   #ef4444;  --color-error-rgb:   239 68 68;
  --color-danger:  var(--color-error);
  --color-info:    #3b82f6;  --color-info-rgb:    59 130 246;

  --success-50: #f0fdf4; --success-100: #dcfce7; --success-200: #bbf7d0;
  --success-300: #86efac; --success-400: #4ade80; --success-500: #22c55e;
  --success-600: #16a34a; --success-700: #15803d; --success-800: #166534;
  --success-900: #145231;
  --success-green: var(--color-success);

  --warning-50: #fffbeb; --warning-100: #fef3c7; --warning-200: #fde68a;
  --warning-300: #fcd34d; --warning-400: #fbbf24; --warning-500: #f59e0b;
  --warning-600: #d97706; --warning-700: #b45309; --warning-800: #92400e;
  --warning-900: #78350f;

  --error-50: #fef2f2; --error-100: #fee2e2; --error-200: #fecaca;
  --error-300: #fca5a5; --error-400: #f87171; --error-500: #ef4444;
  --error-600: #dc2626; --error-700: #b91c1c; --error-800: #991b1b;
  --error-900: #7f1d1d;
  --error-light: var(--error-100);

  --info-50: #eff6ff; --info-100: #dbeafe; --info-200: #bfdbfe;
  --info-300: #93c5fd; --info-400: #60a5fa; --info-500: #3b82f6;
  --info-600: #2563eb; --info-700: #1d4ed8; --info-800: #1e40af;
  --info-900: #1e3a8a;

  /* ===== NEUTRALS ===== */
  --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1; --color-slate-400: #94a3b8; --color-slate-500: #64748b;
  --color-slate-600: #475569; --color-slate-700: #334155; --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-50-rgb: 248 250 252; --color-slate-100-rgb: 241 245 249;
  --color-slate-200-rgb: 226 232 240; --color-slate-300-rgb: 203 213 225;
  --color-slate-400-rgb: 148 163 184; --color-slate-500-rgb: 100 116 139;
  --color-slate-600-rgb: 71 85 105; --color-slate-700-rgb: 51 65 85;
  --color-slate-800-rgb: 30 41 59; --color-slate-900-rgb: 15 23 42;

  --color-gray-50: var(--color-slate-50); --color-gray-100: var(--color-slate-100); --color-gray-200: var(--color-slate-200);
  --color-gray-300: var(--color-slate-300); --color-gray-400: var(--color-slate-400); --color-gray-500: var(--color-slate-500);
  --color-gray-600: var(--color-slate-600); --color-gray-700: var(--color-slate-700); --color-gray-800: var(--color-slate-800);
  --color-gray-900: var(--color-slate-900);
  --color-gray-50-rgb: var(--color-slate-50-rgb); --color-gray-100-rgb: var(--color-slate-100-rgb);
  --color-gray-200-rgb: var(--color-slate-200-rgb); --color-gray-300-rgb: var(--color-slate-300-rgb);
  --color-gray-400-rgb: var(--color-slate-400-rgb); --color-gray-500-rgb: var(--color-slate-500-rgb);
  --color-gray-600-rgb: var(--color-slate-600-rgb); --color-gray-700-rgb: var(--color-slate-700-rgb);
  --color-gray-800-rgb: var(--color-slate-800-rgb); --color-gray-900-rgb: var(--color-slate-900-rgb);

  --color-white: #ffffff; --color-white-rgb: 255 255 255;
  --color-black: #000000; --color-black-rgb: 0 0 0;

  /* ===== COMPATIBILITY SCALES ===== */
  --color-blue-50: var(--color-primary-50); --color-blue-100: var(--color-primary-100); --color-blue-200: var(--color-primary-200);
  --color-blue-300: var(--color-primary-300); --color-blue-400: var(--color-primary-400); --color-blue-500: var(--color-primary-500);
  --color-blue-600: var(--color-primary-600); --color-blue-700: var(--color-primary-700); --color-blue-800: var(--color-primary-800);
  --color-blue-900: var(--color-primary-900);
  --color-blue-50-rgb: var(--color-primary-50-rgb); --color-blue-100-rgb: var(--color-primary-100-rgb);
  --color-blue-200-rgb: var(--color-primary-200-rgb); --color-blue-300-rgb: var(--color-primary-300-rgb);
  --color-blue-400-rgb: var(--color-primary-400-rgb); --color-blue-500-rgb: var(--color-primary-500-rgb);
  --color-blue-600-rgb: var(--color-primary-600-rgb); --color-blue-700-rgb: var(--color-primary-700-rgb);
  --color-blue-800-rgb: var(--color-primary-800-rgb); --color-blue-900-rgb: var(--color-primary-900-rgb);

  --color-green-50: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #bbf7d0;
  --color-green-300: #86efac; --color-green-400: #4ade80; --color-green-500: #22c55e;
  --color-green-600: #16a34a; --color-green-700: #15803d; --color-green-800: #166534;
  --color-green-900: #145231;
  --color-green-50-rgb: 240 253 244; --color-green-100-rgb: 220 252 231;
  --color-green-200-rgb: 187 247 208; --color-green-300-rgb: 134 239 172;
  --color-green-400-rgb: 74 222 128; --color-green-500-rgb: 34 197 94;
  --color-green-600-rgb: 22 163 74; --color-green-700-rgb: 21 128 61;
  --color-green-800-rgb: 22 101 52; --color-green-900-rgb: 20 82 49;

  --color-red-50: #fef2f2; --color-red-100: #fee2e2; --color-red-200: #fecaca;
  --color-red-300: #fca5a5; --color-red-400: #f87171; --color-red-500: #ef4444;
  --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-50-rgb: 254 242 242; --color-red-100-rgb: 254 226 226;
  --color-red-200-rgb: 254 202 202; --color-red-300-rgb: 252 165 165;
  --color-red-400-rgb: 248 113 113; --color-red-500-rgb: 239 68 68;
  --color-red-600-rgb: 220 38 38; --color-red-700-rgb: 185 28 28;
  --color-red-800-rgb: 153 27 27; --color-red-900-rgb: 127 29 29;

  --color-yellow-50: var(--color-amber-50); --color-yellow-100: var(--color-amber-100); --color-yellow-200: var(--color-amber-200);
  --color-yellow-300: var(--color-amber-300); --color-yellow-400: var(--color-amber-400); --color-yellow-500: var(--color-amber-500);
  --color-yellow-600: var(--color-amber-600); --color-yellow-700: var(--color-slate-700); --color-yellow-800: var(--color-slate-800);
  --color-yellow-900: var(--color-slate-900);
  --color-yellow-500-rgb: var(--color-amber-500-rgb);

  --color-amber-50: #fffbeb; --color-amber-100: #fef3c7; --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: var(--color-slate-700); --color-amber-800: var(--color-slate-800);
  --color-amber-900: var(--color-slate-900);
  --color-amber-300-rgb: 252 211 77; --color-amber-400-rgb: 251 191 36;
  --color-amber-500-rgb: 245 158 11; --color-amber-800-rgb: var(--color-slate-800-rgb);

  --color-pink-50: var(--color-accent-50); --color-pink-100: var(--color-accent-100); --color-pink-200: var(--color-accent-200);
  --color-pink-300: var(--color-accent-300); --color-pink-400: var(--color-accent-400); --color-pink-500: var(--color-accent-500);
  --color-pink-600: var(--color-accent-600); --color-pink-700: var(--color-accent-700); --color-pink-800: var(--color-accent-800);
  --color-pink-900: var(--color-accent-900);
  --color-pink-500-rgb: var(--color-accent-500-rgb);

  --color-purple-50: var(--color-primary-50); --color-purple-100: var(--color-primary-100); --color-purple-200: var(--color-primary-200);
  --color-purple-300: var(--color-primary-300); --color-purple-400: var(--color-primary-400); --color-purple-500: var(--color-primary-500);
  --color-purple-600: var(--color-primary-600); --color-purple-700: var(--color-primary-700); --color-purple-800: var(--color-primary-800);
  --color-purple-900: var(--color-primary-900);
  --color-purple-50-rgb: var(--color-primary-50-rgb); --color-purple-100-rgb: var(--color-primary-100-rgb);
  --color-purple-200-rgb: var(--color-primary-200-rgb); --color-purple-300-rgb: var(--color-primary-300-rgb);
  --color-purple-400-rgb: var(--color-primary-400-rgb); --color-purple-500-rgb: var(--color-primary-500-rgb);
  --color-purple-600-rgb: var(--color-primary-600-rgb); --color-purple-700-rgb: var(--color-primary-700-rgb);
  --color-purple-800-rgb: var(--color-primary-800-rgb); --color-purple-900-rgb: var(--color-primary-900-rgb);

  --color-orange-50: var(--color-amber-50); --color-orange-100: var(--color-amber-100); --color-orange-200: var(--color-amber-200);
  --color-orange-300: var(--color-amber-300); --color-orange-400: var(--color-amber-400); --color-orange-500: var(--color-amber-500);
  --color-orange-600: var(--color-amber-600); --color-orange-700: var(--color-slate-700); --color-orange-800: var(--color-slate-800);
  --color-orange-900: var(--color-slate-900);
  --color-orange-200-rgb: var(--color-amber-200-rgb); --color-orange-500-rgb: var(--color-amber-500-rgb);

  /* ===== SURFACES & TEXT (dark-theme tokens from config) ===== */
  --bg-base:    #0f172a;
  --bg-surface: #1e293b;
  --bg-hover:   #334155;
  --color-text-primary:   var(--color-gray-900);
  --color-text-secondary: var(--color-gray-600);
  --color-text-muted:     var(--color-gray-400);
  --color-border:         var(--color-gray-200);

  /* Surfaces */
  --color-bg-surface: var(--color-white);
  --color-bg-subtle:  var(--color-gray-50);

  /* ===== STANDARD GRADIENTS — the only gradients allowed ===== */
  --gradient-primary:  linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
  --gradient-primary-dark: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-800) 100%);
  --gradient-accent:   linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);
  --gradient-success:  linear-gradient(135deg, var(--color-success) 0%, var(--color-green-600) 100%);
  --gradient-warning:  linear-gradient(135deg, var(--color-warning) 0%, var(--color-amber-600) 100%);
  --gradient-error:    linear-gradient(135deg, var(--color-error) 0%, var(--color-red-600) 100%);
  --gradient-info:     linear-gradient(135deg, var(--color-info) 0%, var(--color-blue-700) 100%);
  --gradient-dark:     linear-gradient(135deg, var(--color-slate-800) 0%, var(--color-slate-700) 100%);
  --gradient-slate:    linear-gradient(180deg, var(--color-slate-900) 0%, var(--color-slate-800) 20%, var(--color-slate-700) 40%, var(--color-slate-600) 60%, var(--color-slate-500) 80%, var(--color-slate-400) 100%);
  --gradient-light:    linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-200) 100%);
  --gradient-hero:     var(--gradient-primary);
  /* Nav gradient: darker secondary end so white nav text clears 3:1 */
  --gradient-nav:      linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-secondary-700) 100%);

  /* subtle alpha-wash variants for hover/tint backgrounds */
  --gradient-primary-subtle: linear-gradient(135deg, rgb(var(--color-primary-500-rgb) / 0.1) 0%, rgb(var(--color-secondary-500-rgb) / 0.1) 100%);
  --gradient-accent-subtle:  linear-gradient(135deg, rgb(var(--color-accent-500-rgb) / 0.1) 0%, rgb(var(--color-accent-600-rgb) / 0.15) 100%);
  --gradient-success-subtle: linear-gradient(135deg, rgb(var(--color-success-rgb) / 0.1) 0%, rgb(var(--color-green-600-rgb) / 0.15) 100%);
  --gradient-warning-subtle: linear-gradient(135deg, rgb(var(--color-warning-rgb) / 0.1) 0%, rgb(var(--color-amber-600-rgb) / 0.15) 100%);
  --gradient-error-subtle:   linear-gradient(135deg, rgb(var(--color-error-rgb) / 0.1) 0%, rgb(var(--color-red-600-rgb) / 0.15) 100%);
  --gradient-info-subtle:    linear-gradient(135deg, rgb(var(--color-info-rgb) / 0.1) 0%, rgb(var(--color-blue-700-rgb) / 0.15) 100%);

  /* ===== LEGACY ALIASES (referenced by existing code) ===== */
  --primary: var(--color-primary-500);
  --primary-50: var(--color-primary-50); --primary-100: var(--color-primary-100);
  --primary-200: var(--color-primary-200); --primary-300: var(--color-primary-300);
  --primary-400: var(--color-primary-400); --primary-500: var(--color-primary-500);
  --primary-600: var(--color-primary-600); --primary-700: var(--color-primary-700);
  --primary-800: var(--color-primary-800); --primary-900: var(--color-primary-900);
  --primary-gold: var(--color-primary-400);
  --primary-blue: var(--color-primary-600);
  --primary-blue-hover: var(--color-primary-700);
  --primary-blue-active: var(--color-primary-800);
  --gold-text: var(--color-white);
  --gold-text-hover: var(--color-primary-50);
  --white: var(--color-white);
  --pure-white: var(--color-white);
  --off-white: var(--color-gray-50);
  --dark: var(--color-slate-900);
  --dark-slate: var(--color-slate-800);
  --color-dark: var(--color-slate-900);
  --color-light: var(--color-gray-50);
  --color-bg: var(--color-gray-50);
  --color-bg-alt: var(--color-gray-100);
  --color-text: var(--color-gray-900);
  --color-text-light: var(--color-gray-100);
  --color-neutral-300: var(--color-gray-300);
  --color-focus: var(--color-primary-500);
  --light-gray: var(--color-gray-200);
  --medium-gray: var(--color-gray-400);
  --neutral-50: var(--color-gray-50); --neutral-100: var(--color-gray-100);
  --neutral-200: var(--color-gray-200); --neutral-300: var(--color-gray-300);
  --neutral-400: var(--color-gray-400); --neutral-500: var(--color-gray-500);
  --neutral-600: var(--color-gray-600); --neutral-700: var(--color-gray-700);
  --neutral-800: var(--color-gray-800); --neutral-900: var(--color-gray-900);
  --text: var(--color-gray-900);
  --text-color: var(--color-gray-900);
  --text-dark: var(--color-gray-900);
  --text-medium: var(--color-gray-600);
  --text-primary: var(--color-gray-900);
  --text-tertiary: var(--color-gray-400);
  --bg-primary: var(--color-primary-500);
  --bg-secondary: var(--color-gray-100);
  --bg-tertiary: var(--color-gray-200);
  --btn-primary-bg: var(--color-primary-600);
  --badge-color: var(--color-accent-500);
  --border-primary: var(--color-primary-500);
  --border-focus: var(--color-primary-500);
  --icon-color: var(--color-primary-500);
  --social-blue: var(--color-info);
  --social-green: var(--color-success);
  --social-purple: var(--color-purple-500);

  /* ===== SIZES / TYPE / FOCUS ===== */
  --avatar-sm: 32px; --avatar-md: 40px; --avatar-lg: 56px;
  --size-avatar-sm: var(--avatar-sm); --size-avatar-md: var(--avatar-md);
  --icon-size: 24px;
  --date-badge-size: 48px;
  --navbar-height: 64px;
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem;
  --font-size-lg: 1.125rem; --font-size-xl: 1.5rem; --font-size-2xl: 1.875rem;
  --font-size-3xl: 2.25rem; --font-size-4xl: 3rem;
  --body-font-size: 1rem;
  --body-line-height: 1.5rem;
  --spacing-2xl: 3rem;
  --breakpoint-sm: 640px; --breakpoint-md: 768px;
  --breakpoint-lg: 1024px; --breakpoint-xl: 1280px;
  --focus-width: 3px; --focus-offset: 2px; --focus-outline: var(--color-primary-500);
  --focus-color: var(--color-primary-500);
  --z-dropdown: 1000; --z-modal-backdrop: 1040; --z-modal: 1050;
  --color-orange-100-rgb: 255 237 213;
  --color-pink-800-rgb: 157 23 77; --color-pink-900-rgb: 131 24 67;

  /* ===== EXTENDED LEGACY ALIASES ===== */
  --accent-cyan: var(--color-secondary-500);
  --accent-gradient: var(--gradient-accent);
  --antiquewhite: var(--color-gray-100);
  --bg-dark: var(--color-slate-900);
  --bg-elevated: var(--color-white);
  --bg-overlay: rgb(var(--color-black-rgb) / 0.5);
  --bg-gradient-dark: var(--gradient-dark);
  --bg-gradient-light: var(--gradient-light);
  --bg-gradient-reverse: var(--gradient-primary-dark);
  --bg-gradient-warm: var(--gradient-primary);
  --border-color-light: var(--color-gray-200);
  --brand-gold-300: var(--color-primary-300);
  --brand-gold-light: var(--color-primary-200);
  --brand-maroon-600: var(--color-accent-700);
  --brand-maroon-700: var(--color-accent-800);
  --brand-maroon-800: var(--color-accent-900);
  --brand-primary: var(--color-primary-500);
  --brand-wheat: var(--color-primary-50);
  --btn-primary-hover: var(--color-primary-700);
  --btn-primary-text: var(--color-white);
  --btn-secondary-bg: var(--color-gray-100);
  --btn-secondary-border: var(--color-gray-300);
  --btn-secondary-hover: var(--color-gray-200);
  --btn-secondary-text: var(--color-gray-700);
  --bulma-primary: var(--color-primary-500);
  --card-bg: var(--color-white);
  --card-bg-elevated: var(--color-white);
  --card-border: var(--color-gray-200);
  --card-border-hover: var(--color-primary-300);
  --card-header-bg: var(--color-gray-50);
  --code-bg: var(--color-gray-100);
  --code-text: var(--color-accent-600);
  --color-amber-600-rgb: 217 119 6;
  --color-bg-active: var(--color-primary-50);
  --color-bg-hover: var(--color-gray-100);
  --color-danger-dark: var(--color-red-600);
  --color-error-dark: var(--color-red-600);
  --color-info-dark: var(--color-blue-700);
  --color-success-dark: var(--color-green-600);
  --color-warning-dark: var(--color-amber-600);
  --danger-gradient: var(--gradient-error);
  --divider-color: var(--color-gray-200);
  --error-dark: var(--color-red-600);
  --glass-bg: rgb(var(--color-white-rgb) / 0.8);
  --glass-bg-dark: rgb(var(--color-slate-800-rgb) / 0.8);
  --glass-border: rgb(var(--color-white-rgb) / 0.2);
  --glass-border-dark: rgb(var(--color-white-rgb) / 0.1);
  --glow-danger: 0 0 20px rgb(var(--color-error-rgb) / 0.4);
  --glow-primary: 0 0 20px rgb(var(--color-primary-500-rgb) / 0.4);
  --glow-success: 0 0 20px rgb(var(--color-success-rgb) / 0.4);
  --glow-warning: 0 0 20px rgb(var(--color-warning-rgb) / 0.4);
  --gradient-aurora: var(--gradient-primary);
  --gradient-danger: var(--gradient-error);
  --gradient-forest: var(--gradient-success);
  --gradient-ocean: var(--gradient-secondary);
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary-400) 0%, var(--color-secondary-600) 100%);
  --gradient-subtle: var(--gradient-light);
  --gradient-sunset: var(--gradient-primary);
  --hero-gradient: var(--gradient-primary);
  --info-gradient: var(--gradient-info);
  --success-gradient: var(--gradient-success);
  --warning-gradient: var(--gradient-warning);
  --primary-gradient: var(--gradient-primary);
  --secondary-gradient: var(--gradient-secondary);
  --icon-primary: var(--color-primary-500);
  --icon-secondary: var(--color-secondary-500);
  --icon-tertiary: var(--color-accent-500);
  --icon-quaternary: var(--color-warning);
  --icon-text: var(--color-gray-500);
  --info-dark: var(--color-blue-700);
  --info-light: var(--color-blue-100);
  --input-bg: var(--color-white);
  --input-border: var(--color-gray-300);
  --input-focus-border: var(--color-primary-500);
  --modal-bg: var(--color-white);
  --neutral-0: var(--color-white);
  --primary-burgundy: var(--color-accent-800);
  --primary-white: var(--color-white);
  --primary-blue-dark: var(--color-primary-700);
  --primary-blue-darker: var(--color-primary-800);
  --primary-brown: var(--color-slate-800);
  --chocolate-brown: var(--color-slate-800);
  --secondary-purple: var(--color-purple-500);
  --social-blue-dark: var(--color-blue-700);
  --social-red: var(--color-error);
  --social-yellow: var(--color-warning);
  --success-dark: var(--color-green-600);
  --success-light: var(--color-green-100);
  --text-inverse: var(--color-white);
  --text-secondary-dark: var(--color-gray-400);
  --warning-dark: var(--color-amber-600);
  --warning-light: var(--color-yellow-100);
  /* non-color legacy tokens */
  --easing-linear: linear; --easing-ease: ease; --easing-ease-in: ease-in;
  --easing-ease-out: ease-out; --easing-ease-in-out: ease-in-out;
  --easing-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --timing-fast: 150ms; --timing-base: 200ms; --timing-slow: 300ms;
  --elevation-1: 0 1px 2px 0 rgb(var(--color-black-rgb) / 0.05);
  --elevation-2: 0 4px 6px -1px rgb(var(--color-black-rgb) / 0.1);
  --elevation-3: 0 10px 15px -3px rgb(var(--color-black-rgb) / 0.1);
  --elevation-4: 0 20px 25px -5px rgb(var(--color-black-rgb) / 0.1);
  --elevation-5: 0 25px 50px -12px rgb(var(--color-black-rgb) / 0.25);
  --elevation-6: 0 25px 50px -12px rgb(var(--color-black-rgb) / 0.25);
  --heading-h1: 2.25rem; --heading-h1-line: 2.5rem;
  --heading-h2: 1.875rem; --heading-h2-line: 2.25rem;
  --heading-h3: 1.5rem; --heading-h3-line: 2rem;
  --heading-h4: 1.25rem; --heading-h4-line: 1.75rem;
  --heading-h5: 1.125rem; --heading-h5-line: 1.75rem;
  --heading-h6: 1rem; --heading-h6-line: 1.5rem;
  --touch-target-min: 44px; --touch-target-comfortable: 48px;
  --color-text-tertiary: var(--color-gray-600);
  --color-bg-light: var(--color-white);
  --color-bg-dark: var(--color-slate-900);
  --color-hover: var(--color-primary-700);
  --color-active: var(--color-primary-600);
  --color-disabled: var(--color-gray-400);
  --primary-blue-light: var(--color-primary-400);
  --dark-rust: var(--color-slate-800);
  --golden-rod: var(--color-primary-400);
  --warm-beige: var(--color-primary-50);
  --mauve-accent: var(--color-accent-800);
  --white-overlay-light: rgb(var(--color-white-rgb) / 0.1);
  --white-overlay-medium: rgb(var(--color-white-rgb) / 0.2);
  --dark-overlay-light: rgb(var(--color-black-rgb) / 0.1);
  --dark-overlay-medium: rgb(var(--color-black-rgb) / 0.3);
  --navbar-bg: var(--color-white);
  --bg: var(--color-slate-900);
  --background-color: var(--color-gray-50);
  --primary-color: var(--color-primary-500);
  --secondary-color: var(--color-secondary-500);
  --accent-color: var(--color-accent-500);
  --success-color: var(--color-success);
  --warning-color: var(--color-warning);
  --error-color: var(--color-error);
  --info-color: var(--color-info);

  /* ===== FAMILY ALIASES (match tailwind.config.js remapping) ===== */
  --color-indigo-50: var(--color-primary-50); --color-indigo-100: var(--color-primary-100); --color-indigo-200: var(--color-primary-200); --color-indigo-300: var(--color-primary-300); --color-indigo-400: var(--color-primary-400); --color-indigo-500: var(--color-primary-500); --color-indigo-600: var(--color-primary-600); --color-indigo-700: var(--color-primary-700); --color-indigo-800: var(--color-primary-800); --color-indigo-900: var(--color-primary-900);
  --color-violet-50: var(--color-primary-50); --color-violet-100: var(--color-primary-100); --color-violet-200: var(--color-primary-200); --color-violet-300: var(--color-primary-300); --color-violet-400: var(--color-primary-400); --color-violet-500: var(--color-primary-500); --color-violet-600: var(--color-primary-600); --color-violet-700: var(--color-primary-700); --color-violet-800: var(--color-primary-800); --color-violet-900: var(--color-primary-900);
  --color-cyan-50: var(--color-secondary-50); --color-cyan-100: var(--color-secondary-100); --color-cyan-200: var(--color-secondary-200); --color-cyan-300: var(--color-secondary-300); --color-cyan-400: var(--color-secondary-400); --color-cyan-500: var(--color-secondary-500); --color-cyan-600: var(--color-secondary-600); --color-cyan-700: var(--color-secondary-700); --color-cyan-800: var(--color-secondary-800); --color-cyan-900: var(--color-secondary-900);
  --color-sky-50: var(--color-secondary-50); --color-sky-100: var(--color-secondary-100); --color-sky-200: var(--color-secondary-200); --color-sky-300: var(--color-secondary-300); --color-sky-400: var(--color-secondary-400); --color-sky-500: var(--color-secondary-500); --color-sky-600: var(--color-secondary-600); --color-sky-700: var(--color-secondary-700); --color-sky-800: var(--color-secondary-800); --color-sky-900: var(--color-secondary-900);
  --color-teal-50: var(--color-secondary-50); --color-teal-100: var(--color-secondary-100); --color-teal-200: var(--color-secondary-200); --color-teal-300: var(--color-secondary-300); --color-teal-400: var(--color-secondary-400); --color-teal-500: var(--color-secondary-500); --color-teal-600: var(--color-secondary-600); --color-teal-700: var(--color-secondary-700); --color-teal-800: var(--color-secondary-800); --color-teal-900: var(--color-secondary-900);
  --color-rose-50: var(--color-accent-50); --color-rose-100: var(--color-accent-100); --color-rose-200: var(--color-accent-200); --color-rose-300: var(--color-accent-300); --color-rose-400: var(--color-accent-400); --color-rose-500: var(--color-accent-500); --color-rose-600: var(--color-accent-600); --color-rose-700: var(--color-accent-700); --color-rose-800: var(--color-accent-800); --color-rose-900: var(--color-accent-900);
  --color-fuchsia-50: var(--color-accent-50); --color-fuchsia-100: var(--color-accent-100); --color-fuchsia-200: var(--color-accent-200); --color-fuchsia-300: var(--color-accent-300); --color-fuchsia-400: var(--color-accent-400); --color-fuchsia-500: var(--color-accent-500); --color-fuchsia-600: var(--color-accent-600); --color-fuchsia-700: var(--color-accent-700); --color-fuchsia-800: var(--color-accent-800); --color-fuchsia-900: var(--color-accent-900);
  --color-emerald-50: var(--color-green-50); --color-emerald-100: var(--color-green-100); --color-emerald-200: var(--color-green-200); --color-emerald-300: var(--color-green-300); --color-emerald-400: var(--color-green-400); --color-emerald-500: var(--color-green-500); --color-emerald-600: var(--color-green-600); --color-emerald-700: var(--color-green-700); --color-emerald-800: var(--color-green-800); --color-emerald-900: var(--color-green-900);
  --color-lime-50: var(--color-green-50); --color-lime-100: var(--color-green-100); --color-lime-200: var(--color-green-200); --color-lime-300: var(--color-green-300); --color-lime-400: var(--color-green-400); --color-lime-500: var(--color-green-500); --color-lime-600: var(--color-green-600); --color-lime-700: var(--color-green-700); --color-lime-800: var(--color-green-800); --color-lime-900: var(--color-green-900);
  --color-neutral-50: var(--color-slate-50); --color-neutral-100: var(--color-slate-100); --color-neutral-200: var(--color-slate-200); --color-neutral-300: var(--color-slate-300); --color-neutral-400: var(--color-slate-400); --color-neutral-500: var(--color-slate-500); --color-neutral-600: var(--color-slate-600); --color-neutral-700: var(--color-slate-700); --color-neutral-800: var(--color-slate-800); --color-neutral-900: var(--color-slate-900);
  --color-zinc-50: var(--color-slate-50); --color-zinc-100: var(--color-slate-100); --color-zinc-200: var(--color-slate-200); --color-zinc-300: var(--color-slate-300); --color-zinc-400: var(--color-slate-400); --color-zinc-500: var(--color-slate-500); --color-zinc-600: var(--color-slate-600); --color-zinc-700: var(--color-slate-700); --color-zinc-800: var(--color-slate-800); --color-zinc-900: var(--color-slate-900);
  --color-stone-50: var(--color-slate-50); --color-stone-100: var(--color-slate-100); --color-stone-200: var(--color-slate-200); --color-stone-300: var(--color-slate-300); --color-stone-400: var(--color-slate-400); --color-stone-500: var(--color-slate-500); --color-stone-600: var(--color-slate-600); --color-stone-700: var(--color-slate-700); --color-stone-800: var(--color-slate-800); --color-stone-900: var(--color-slate-900);

  /* ===== MISC TOKENS referenced by loaded CSS ===== */
  --color-amber-200-rgb: 253 230 138;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --shadow-primary: 0 4px 12px rgb(var(--color-primary-500-rgb) / 0.25);
  --shadow-accent: 0 4px 12px rgb(var(--color-accent-500-rgb) / 0.25);
  --shadow-2xl: 0 25px 50px -12px rgb(var(--color-black-rgb) / 0.25);
}
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}
:is(.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fa)::before {
  content: var(--fa)/"";
}
@supports not (content: ""/"") {
  :is(.fas,
  .far,
  .fab,
  .fa-solid,
  .fa-regular,
  .fa-brands,
  .fa-classic,
  .fa)::before {
    content: var(--fa);
  }
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-xs {
  font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-sm {
  font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-lg {
  font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-xl {
  font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-2xl {
  font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}
.fa-width-auto {
  --fa-width: auto;
}
.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}
.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}
.fa-1 {
  --fa: "\31 ";
}
.fa-2 {
  --fa: "\32 ";
}
.fa-3 {
  --fa: "\33 ";
}
.fa-4 {
  --fa: "\34 ";
}
.fa-5 {
  --fa: "\35 ";
}
.fa-6 {
  --fa: "\36 ";
}
.fa-7 {
  --fa: "\37 ";
}
.fa-8 {
  --fa: "\38 ";
}
.fa-9 {
  --fa: "\39 ";
}
.fa-exclamation {
  --fa: "\!";
}
.fa-hashtag {
  --fa: "\#";
}
.fa-dollar-sign {
  --fa: "\$";
}
.fa-dollar {
  --fa: "\$";
}
.fa-usd {
  --fa: "\$";
}
.fa-percent {
  --fa: "\%";
}
.fa-percentage {
  --fa: "\%";
}
.fa-asterisk {
  --fa: "\*";
}
.fa-plus {
  --fa: "\+";
}
.fa-add {
  --fa: "\+";
}
.fa-less-than {
  --fa: "\<";
}
.fa-equals {
  --fa: "\=";
}
.fa-greater-than {
  --fa: "\>";
}
.fa-question {
  --fa: "\?";
}
.fa-at {
  --fa: "\@";
}
.fa-a {
  --fa: "A";
}
.fa-b {
  --fa: "B";
}
.fa-c {
  --fa: "C";
}
.fa-d {
  --fa: "D";
}
.fa-e {
  --fa: "E";
}
.fa-f {
  --fa: "F";
}
.fa-g {
  --fa: "G";
}
.fa-h {
  --fa: "H";
}
.fa-i {
  --fa: "I";
}
.fa-j {
  --fa: "J";
}
.fa-k {
  --fa: "K";
}
.fa-l {
  --fa: "L";
}
.fa-m {
  --fa: "M";
}
.fa-n {
  --fa: "N";
}
.fa-o {
  --fa: "O";
}
.fa-p {
  --fa: "P";
}
.fa-q {
  --fa: "Q";
}
.fa-r {
  --fa: "R";
}
.fa-s {
  --fa: "S";
}
.fa-t {
  --fa: "T";
}
.fa-u {
  --fa: "U";
}
.fa-v {
  --fa: "V";
}
.fa-w {
  --fa: "W";
}
.fa-x {
  --fa: "X";
}
.fa-y {
  --fa: "Y";
}
.fa-z {
  --fa: "Z";
}
.fa-faucet {
  --fa: "\e005";
}
.fa-faucet-drip {
  --fa: "\e006";
}
.fa-house-chimney-window {
  --fa: "\e00d";
}
.fa-house-signal {
  --fa: "\e012";
}
.fa-temperature-arrow-down {
  --fa: "\e03f";
}
.fa-temperature-down {
  --fa: "\e03f";
}
.fa-temperature-arrow-up {
  --fa: "\e040";
}
.fa-temperature-up {
  --fa: "\e040";
}
.fa-trailer {
  --fa: "\e041";
}
.fa-bacteria {
  --fa: "\e059";
}
.fa-bacterium {
  --fa: "\e05a";
}
.fa-box-tissue {
  --fa: "\e05b";
}
.fa-hand-holding-medical {
  --fa: "\e05c";
}
.fa-hand-sparkles {
  --fa: "\e05d";
}
.fa-hands-bubbles {
  --fa: "\e05e";
}
.fa-hands-wash {
  --fa: "\e05e";
}
.fa-handshake-slash {
  --fa: "\e060";
}
.fa-handshake-alt-slash {
  --fa: "\e060";
}
.fa-handshake-simple-slash {
  --fa: "\e060";
}
.fa-head-side-cough {
  --fa: "\e061";
}
.fa-head-side-cough-slash {
  --fa: "\e062";
}
.fa-head-side-mask {
  --fa: "\e063";
}
.fa-head-side-virus {
  --fa: "\e064";
}
.fa-house-chimney-user {
  --fa: "\e065";
}
.fa-house-laptop {
  --fa: "\e066";
}
.fa-laptop-house {
  --fa: "\e066";
}
.fa-lungs-virus {
  --fa: "\e067";
}
.fa-people-arrows {
  --fa: "\e068";
}
.fa-people-arrows-left-right {
  --fa: "\e068";
}
.fa-plane-slash {
  --fa: "\e069";
}
.fa-pump-medical {
  --fa: "\e06a";
}
.fa-pump-soap {
  --fa: "\e06b";
}
.fa-shield-virus {
  --fa: "\e06c";
}
.fa-sink {
  --fa: "\e06d";
}
.fa-soap {
  --fa: "\e06e";
}
.fa-stopwatch-20 {
  --fa: "\e06f";
}
.fa-shop-slash {
  --fa: "\e070";
}
.fa-store-alt-slash {
  --fa: "\e070";
}
.fa-store-slash {
  --fa: "\e071";
}
.fa-toilet-paper-slash {
  --fa: "\e072";
}
.fa-users-slash {
  --fa: "\e073";
}
.fa-virus {
  --fa: "\e074";
}
.fa-virus-slash {
  --fa: "\e075";
}
.fa-viruses {
  --fa: "\e076";
}
.fa-vest {
  --fa: "\e085";
}
.fa-vest-patches {
  --fa: "\e086";
}
.fa-arrow-trend-down {
  --fa: "\e097";
}
.fa-arrow-trend-up {
  --fa: "\e098";
}
.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}
.fa-austral-sign {
  --fa: "\e0a9";
}
.fa-baht-sign {
  --fa: "\e0ac";
}
.fa-bitcoin-sign {
  --fa: "\e0b4";
}
.fa-bolt-lightning {
  --fa: "\e0b7";
}
.fa-book-bookmark {
  --fa: "\e0bb";
}
.fa-camera-rotate {
  --fa: "\e0d8";
}
.fa-cedi-sign {
  --fa: "\e0df";
}
.fa-chart-column {
  --fa: "\e0e3";
}
.fa-chart-gantt {
  --fa: "\e0e4";
}
.fa-clapperboard {
  --fa: "\e131";
}
.fa-clover {
  --fa: "\e139";
}
.fa-code-compare {
  --fa: "\e13a";
}
.fa-code-fork {
  --fa: "\e13b";
}
.fa-code-pull-request {
  --fa: "\e13c";
}
.fa-colon-sign {
  --fa: "\e140";
}
.fa-cruzeiro-sign {
  --fa: "\e152";
}
.fa-display {
  --fa: "\e163";
}
.fa-dong-sign {
  --fa: "\e169";
}
.fa-elevator {
  --fa: "\e16d";
}
.fa-filter-circle-xmark {
  --fa: "\e17b";
}
.fa-florin-sign {
  --fa: "\e184";
}
.fa-folder-closed {
  --fa: "\e185";
}
.fa-franc-sign {
  --fa: "\e18f";
}
.fa-guarani-sign {
  --fa: "\e19a";
}
.fa-gun {
  --fa: "\e19b";
}
.fa-hands-clapping {
  --fa: "\e1a8";
}
.fa-house-user {
  --fa: "\e1b0";
}
.fa-home-user {
  --fa: "\e1b0";
}
.fa-indian-rupee-sign {
  --fa: "\e1bc";
}
.fa-indian-rupee {
  --fa: "\e1bc";
}
.fa-inr {
  --fa: "\e1bc";
}
.fa-kip-sign {
  --fa: "\e1c4";
}
.fa-lari-sign {
  --fa: "\e1c8";
}
.fa-litecoin-sign {
  --fa: "\e1d3";
}
.fa-manat-sign {
  --fa: "\e1d5";
}
.fa-mask-face {
  --fa: "\e1d7";
}
.fa-mill-sign {
  --fa: "\e1ed";
}
.fa-money-bills {
  --fa: "\e1f3";
}
.fa-naira-sign {
  --fa: "\e1f6";
}
.fa-notdef {
  --fa: "\e1fe";
}
.fa-panorama {
  --fa: "\e209";
}
.fa-peseta-sign {
  --fa: "\e221";
}
.fa-peso-sign {
  --fa: "\e222";
}
.fa-plane-up {
  --fa: "\e22d";
}
.fa-rupiah-sign {
  --fa: "\e23d";
}
.fa-stairs {
  --fa: "\e289";
}
.fa-timeline {
  --fa: "\e29c";
}
.fa-truck-front {
  --fa: "\e2b7";
}
.fa-turkish-lira-sign {
  --fa: "\e2bb";
}
.fa-try {
  --fa: "\e2bb";
}
.fa-turkish-lira {
  --fa: "\e2bb";
}
.fa-vault {
  --fa: "\e2c5";
}
.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}
.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}
.fa-wheat-awn {
  --fa: "\e2cd";
}
.fa-wheat-alt {
  --fa: "\e2cd";
}
.fa-wheelchair-move {
  --fa: "\e2ce";
}
.fa-wheelchair-alt {
  --fa: "\e2ce";
}
.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}
.fa-bowl-rice {
  --fa: "\e2eb";
}
.fa-person-pregnant {
  --fa: "\e31e";
}
.fa-house-chimney {
  --fa: "\e3af";
}
.fa-home-lg {
  --fa: "\e3af";
}
.fa-house-crack {
  --fa: "\e3b1";
}
.fa-house-medical {
  --fa: "\e3b2";
}
.fa-cent-sign {
  --fa: "\e3f5";
}
.fa-plus-minus {
  --fa: "\e43c";
}
.fa-sailboat {
  --fa: "\e445";
}
.fa-section {
  --fa: "\e447";
}
.fa-shrimp {
  --fa: "\e448";
}
.fa-brazilian-real-sign {
  --fa: "\e46c";
}
.fa-chart-simple {
  --fa: "\e473";
}
.fa-diagram-next {
  --fa: "\e476";
}
.fa-diagram-predecessor {
  --fa: "\e477";
}
.fa-diagram-successor {
  --fa: "\e47a";
}
.fa-earth-oceania {
  --fa: "\e47b";
}
.fa-globe-oceania {
  --fa: "\e47b";
}
.fa-bug-slash {
  --fa: "\e490";
}
.fa-file-circle-plus {
  --fa: "\e494";
}
.fa-shop-lock {
  --fa: "\e4a5";
}
.fa-virus-covid {
  --fa: "\e4a8";
}
.fa-virus-covid-slash {
  --fa: "\e4a9";
}
.fa-anchor-circle-check {
  --fa: "\e4aa";
}
.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}
.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}
.fa-anchor-lock {
  --fa: "\e4ad";
}
.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}
.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}
.fa-arrow-right-to-city {
  --fa: "\e4b3";
}
.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}
.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}
.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}
.fa-arrows-down-to-line {
  --fa: "\e4b8";
}
.fa-arrows-down-to-people {
  --fa: "\e4b9";
}
.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}
.fa-arrows-spin {
  --fa: "\e4bb";
}
.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}
.fa-arrows-to-circle {
  --fa: "\e4bd";
}
.fa-arrows-to-dot {
  --fa: "\e4be";
}
.fa-arrows-to-eye {
  --fa: "\e4bf";
}
.fa-arrows-turn-right {
  --fa: "\e4c0";
}
.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}
.fa-arrows-up-to-line {
  --fa: "\e4c2";
}
.fa-bore-hole {
  --fa: "\e4c3";
}
.fa-bottle-droplet {
  --fa: "\e4c4";
}
.fa-bottle-water {
  --fa: "\e4c5";
}
.fa-bowl-food {
  --fa: "\e4c6";
}
.fa-boxes-packing {
  --fa: "\e4c7";
}
.fa-bridge {
  --fa: "\e4c8";
}
.fa-bridge-circle-check {
  --fa: "\e4c9";
}
.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}
.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}
.fa-bridge-lock {
  --fa: "\e4cc";
}
.fa-bridge-water {
  --fa: "\e4ce";
}
.fa-bucket {
  --fa: "\e4cf";
}
.fa-bugs {
  --fa: "\e4d0";
}
.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}
.fa-building-circle-check {
  --fa: "\e4d2";
}
.fa-building-circle-exclamation {
  --fa: "\e4d3";
}
.fa-building-circle-xmark {
  --fa: "\e4d4";
}
.fa-building-flag {
  --fa: "\e4d5";
}
.fa-building-lock {
  --fa: "\e4d6";
}
.fa-building-ngo {
  --fa: "\e4d7";
}
.fa-building-shield {
  --fa: "\e4d8";
}
.fa-building-un {
  --fa: "\e4d9";
}
.fa-building-user {
  --fa: "\e4da";
}
.fa-building-wheat {
  --fa: "\e4db";
}
.fa-burst {
  --fa: "\e4dc";
}
.fa-car-on {
  --fa: "\e4dd";
}
.fa-car-tunnel {
  --fa: "\e4de";
}
.fa-child-combatant {
  --fa: "\e4e0";
}
.fa-child-rifle {
  --fa: "\e4e0";
}
.fa-children {
  --fa: "\e4e1";
}
.fa-circle-nodes {
  --fa: "\e4e2";
}
.fa-clipboard-question {
  --fa: "\e4e3";
}
.fa-cloud-showers-water {
  --fa: "\e4e4";
}
.fa-computer {
  --fa: "\e4e5";
}
.fa-cubes-stacked {
  --fa: "\e4e6";
}
.fa-envelope-circle-check {
  --fa: "\e4e8";
}
.fa-explosion {
  --fa: "\e4e9";
}
.fa-ferry {
  --fa: "\e4ea";
}
.fa-file-circle-exclamation {
  --fa: "\e4eb";
}
.fa-file-circle-minus {
  --fa: "\e4ed";
}
.fa-file-circle-question {
  --fa: "\e4ef";
}
.fa-file-shield {
  --fa: "\e4f0";
}
.fa-fire-burner {
  --fa: "\e4f1";
}
.fa-fish-fins {
  --fa: "\e4f2";
}
.fa-flask-vial {
  --fa: "\e4f3";
}
.fa-glass-water {
  --fa: "\e4f4";
}
.fa-glass-water-droplet {
  --fa: "\e4f5";
}
.fa-group-arrows-rotate {
  --fa: "\e4f6";
}
.fa-hand-holding-hand {
  --fa: "\e4f7";
}
.fa-handcuffs {
  --fa: "\e4f8";
}
.fa-hands-bound {
  --fa: "\e4f9";
}
.fa-hands-holding-child {
  --fa: "\e4fa";
}
.fa-hands-holding-circle {
  --fa: "\e4fb";
}
.fa-heart-circle-bolt {
  --fa: "\e4fc";
}
.fa-heart-circle-check {
  --fa: "\e4fd";
}
.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}
.fa-heart-circle-minus {
  --fa: "\e4ff";
}
.fa-heart-circle-plus {
  --fa: "\e500";
}
.fa-heart-circle-xmark {
  --fa: "\e501";
}
.fa-helicopter-symbol {
  --fa: "\e502";
}
.fa-helmet-un {
  --fa: "\e503";
}
.fa-hill-avalanche {
  --fa: "\e507";
}
.fa-hill-rockslide {
  --fa: "\e508";
}
.fa-house-circle-check {
  --fa: "\e509";
}
.fa-house-circle-exclamation {
  --fa: "\e50a";
}
.fa-house-circle-xmark {
  --fa: "\e50b";
}
.fa-house-fire {
  --fa: "\e50c";
}
.fa-house-flag {
  --fa: "\e50d";
}
.fa-house-flood-water {
  --fa: "\e50e";
}
.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}
.fa-house-lock {
  --fa: "\e510";
}
.fa-house-medical-circle-check {
  --fa: "\e511";
}
.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}
.fa-house-medical-circle-xmark {
  --fa: "\e513";
}
.fa-house-medical-flag {
  --fa: "\e514";
}
.fa-house-tsunami {
  --fa: "\e515";
}
.fa-jar {
  --fa: "\e516";
}
.fa-jar-wheat {
  --fa: "\e517";
}
.fa-jet-fighter-up {
  --fa: "\e518";
}
.fa-jug-detergent {
  --fa: "\e519";
}
.fa-kitchen-set {
  --fa: "\e51a";
}
.fa-land-mine-on {
  --fa: "\e51b";
}
.fa-landmark-flag {
  --fa: "\e51c";
}
.fa-laptop-file {
  --fa: "\e51d";
}
.fa-lines-leaning {
  --fa: "\e51e";
}
.fa-location-pin-lock {
  --fa: "\e51f";
}
.fa-locust {
  --fa: "\e520";
}
.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}
.fa-magnifying-glass-chart {
  --fa: "\e522";
}
.fa-mars-and-venus-burst {
  --fa: "\e523";
}
.fa-mask-ventilator {
  --fa: "\e524";
}
.fa-mattress-pillow {
  --fa: "\e525";
}
.fa-mobile-retro {
  --fa: "\e527";
}
.fa-money-bill-transfer {
  --fa: "\e528";
}
.fa-money-bill-trend-up {
  --fa: "\e529";
}
.fa-money-bill-wheat {
  --fa: "\e52a";
}
.fa-mosquito {
  --fa: "\e52b";
}
.fa-mosquito-net {
  --fa: "\e52c";
}
.fa-mound {
  --fa: "\e52d";
}
.fa-mountain-city {
  --fa: "\e52e";
}
.fa-mountain-sun {
  --fa: "\e52f";
}
.fa-oil-well {
  --fa: "\e532";
}
.fa-people-group {
  --fa: "\e533";
}
.fa-people-line {
  --fa: "\e534";
}
.fa-people-pulling {
  --fa: "\e535";
}
.fa-people-robbery {
  --fa: "\e536";
}
.fa-people-roof {
  --fa: "\e537";
}
.fa-person-arrow-down-to-line {
  --fa: "\e538";
}
.fa-person-arrow-up-from-line {
  --fa: "\e539";
}
.fa-person-breastfeeding {
  --fa: "\e53a";
}
.fa-person-burst {
  --fa: "\e53b";
}
.fa-person-cane {
  --fa: "\e53c";
}
.fa-person-chalkboard {
  --fa: "\e53d";
}
.fa-person-circle-check {
  --fa: "\e53e";
}
.fa-person-circle-exclamation {
  --fa: "\e53f";
}
.fa-person-circle-minus {
  --fa: "\e540";
}
.fa-person-circle-plus {
  --fa: "\e541";
}
.fa-person-circle-question {
  --fa: "\e542";
}
.fa-person-circle-xmark {
  --fa: "\e543";
}
.fa-person-dress-burst {
  --fa: "\e544";
}
.fa-person-drowning {
  --fa: "\e545";
}
.fa-person-falling {
  --fa: "\e546";
}
.fa-person-falling-burst {
  --fa: "\e547";
}
.fa-person-half-dress {
  --fa: "\e548";
}
.fa-person-harassing {
  --fa: "\e549";
}
.fa-person-military-pointing {
  --fa: "\e54a";
}
.fa-person-military-rifle {
  --fa: "\e54b";
}
.fa-person-military-to-person {
  --fa: "\e54c";
}
.fa-person-rays {
  --fa: "\e54d";
}
.fa-person-rifle {
  --fa: "\e54e";
}
.fa-person-shelter {
  --fa: "\e54f";
}
.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}
.fa-person-walking-arrow-right {
  --fa: "\e552";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}
.fa-person-walking-luggage {
  --fa: "\e554";
}
.fa-plane-circle-check {
  --fa: "\e555";
}
.fa-plane-circle-exclamation {
  --fa: "\e556";
}
.fa-plane-circle-xmark {
  --fa: "\e557";
}
.fa-plane-lock {
  --fa: "\e558";
}
.fa-plate-wheat {
  --fa: "\e55a";
}
.fa-plug-circle-bolt {
  --fa: "\e55b";
}
.fa-plug-circle-check {
  --fa: "\e55c";
}
.fa-plug-circle-exclamation {
  --fa: "\e55d";
}
.fa-plug-circle-minus {
  --fa: "\e55e";
}
.fa-plug-circle-plus {
  --fa: "\e55f";
}
.fa-plug-circle-xmark {
  --fa: "\e560";
}
.fa-ranking-star {
  --fa: "\e561";
}
.fa-road-barrier {
  --fa: "\e562";
}
.fa-road-bridge {
  --fa: "\e563";
}
.fa-road-circle-check {
  --fa: "\e564";
}
.fa-road-circle-exclamation {
  --fa: "\e565";
}
.fa-road-circle-xmark {
  --fa: "\e566";
}
.fa-road-lock {
  --fa: "\e567";
}
.fa-road-spikes {
  --fa: "\e568";
}
.fa-rug {
  --fa: "\e569";
}
.fa-sack-xmark {
  --fa: "\e56a";
}
.fa-school-circle-check {
  --fa: "\e56b";
}
.fa-school-circle-exclamation {
  --fa: "\e56c";
}
.fa-school-circle-xmark {
  --fa: "\e56d";
}
.fa-school-flag {
  --fa: "\e56e";
}
.fa-school-lock {
  --fa: "\e56f";
}
.fa-sheet-plastic {
  --fa: "\e571";
}
.fa-shield-cat {
  --fa: "\e572";
}
.fa-shield-dog {
  --fa: "\e573";
}
.fa-shield-heart {
  --fa: "\e574";
}
.fa-square-nfi {
  --fa: "\e576";
}
.fa-square-person-confined {
  --fa: "\e577";
}
.fa-square-virus {
  --fa: "\e578";
}
.fa-staff-snake {
  --fa: "\e579";
}
.fa-rod-asclepius {
  --fa: "\e579";
}
.fa-rod-snake {
  --fa: "\e579";
}
.fa-staff-aesculapius {
  --fa: "\e579";
}
.fa-sun-plant-wilt {
  --fa: "\e57a";
}
.fa-tarp {
  --fa: "\e57b";
}
.fa-tarp-droplet {
  --fa: "\e57c";
}
.fa-tent {
  --fa: "\e57d";
}
.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}
.fa-tent-arrow-left-right {
  --fa: "\e57f";
}
.fa-tent-arrow-turn-left {
  --fa: "\e580";
}
.fa-tent-arrows-down {
  --fa: "\e581";
}
.fa-tents {
  --fa: "\e582";
}
.fa-toilet-portable {
  --fa: "\e583";
}
.fa-toilets-portable {
  --fa: "\e584";
}
.fa-tower-cell {
  --fa: "\e585";
}
.fa-tower-observation {
  --fa: "\e586";
}
.fa-tree-city {
  --fa: "\e587";
}
.fa-trowel {
  --fa: "\e589";
}
.fa-trowel-bricks {
  --fa: "\e58a";
}
.fa-truck-arrow-right {
  --fa: "\e58b";
}
.fa-truck-droplet {
  --fa: "\e58c";
}
.fa-truck-field {
  --fa: "\e58d";
}
.fa-truck-field-un {
  --fa: "\e58e";
}
.fa-truck-plane {
  --fa: "\e58f";
}
.fa-users-between-lines {
  --fa: "\e591";
}
.fa-users-line {
  --fa: "\e592";
}
.fa-users-rays {
  --fa: "\e593";
}
.fa-users-rectangle {
  --fa: "\e594";
}
.fa-users-viewfinder {
  --fa: "\e595";
}
.fa-vial-circle-check {
  --fa: "\e596";
}
.fa-vial-virus {
  --fa: "\e597";
}
.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}
.fa-worm {
  --fa: "\e599";
}
.fa-xmarks-lines {
  --fa: "\e59a";
}
.fa-child-dress {
  --fa: "\e59c";
}
.fa-child-reaching {
  --fa: "\e59d";
}
.fa-file-circle-check {
  --fa: "\e5a0";
}
.fa-file-circle-xmark {
  --fa: "\e5a1";
}
.fa-person-through-window {
  --fa: "\e5a9";
}
.fa-plant-wilt {
  --fa: "\e5aa";
}
.fa-stapler {
  --fa: "\e5af";
}
.fa-train-tram {
  --fa: "\e5b4";
}
.fa-table-cells-column-lock {
  --fa: "\e678";
}
.fa-table-cells-row-lock {
  --fa: "\e67a";
}
.fa-web-awesome {
  --fa: "\e682";
}
.fa-thumbtack-slash {
  --fa: "\e68f";
}
.fa-thumb-tack-slash {
  --fa: "\e68f";
}
.fa-table-cells-row-unlock {
  --fa: "\e691";
}
.fa-chart-diagram {
  --fa: "\e695";
}
.fa-comment-nodes {
  --fa: "\e696";
}
.fa-file-fragment {
  --fa: "\e697";
}
.fa-file-half-dashed {
  --fa: "\e698";
}
.fa-hexagon-nodes {
  --fa: "\e699";
}
.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}
.fa-square-binary {
  --fa: "\e69b";
}
.fa-pentagon {
  --fa: "\e790";
}
.fa-non-binary {
  --fa: "\e807";
}
.fa-spiral {
  --fa: "\e80a";
}
.fa-mobile-vibrate {
  --fa: "\e816";
}
.fa-single-quote-left {
  --fa: "\e81b";
}
.fa-single-quote-right {
  --fa: "\e81c";
}
.fa-bus-side {
  --fa: "\e81d";
}
.fa-septagon {
  --fa: "\e820";
}
.fa-heptagon {
  --fa: "\e820";
}
.fa-martini-glass-empty {
  --fa: "\f000";
}
.fa-glass-martini {
  --fa: "\f000";
}
.fa-music {
  --fa: "\f001";
}
.fa-magnifying-glass {
  --fa: "\f002";
}
.fa-search {
  --fa: "\f002";
}
.fa-heart {
  --fa: "\f004";
}
.fa-star {
  --fa: "\f005";
}
.fa-user {
  --fa: "\f007";
}
.fa-user-alt {
  --fa: "\f007";
}
.fa-user-large {
  --fa: "\f007";
}
.fa-film {
  --fa: "\f008";
}
.fa-film-alt {
  --fa: "\f008";
}
.fa-film-simple {
  --fa: "\f008";
}
.fa-table-cells-large {
  --fa: "\f009";
}
.fa-th-large {
  --fa: "\f009";
}
.fa-table-cells {
  --fa: "\f00a";
}
.fa-th {
  --fa: "\f00a";
}
.fa-table-list {
  --fa: "\f00b";
}
.fa-th-list {
  --fa: "\f00b";
}
.fa-check {
  --fa: "\f00c";
}
.fa-xmark {
  --fa: "\f00d";
}
.fa-close {
  --fa: "\f00d";
}
.fa-multiply {
  --fa: "\f00d";
}
.fa-remove {
  --fa: "\f00d";
}
.fa-times {
  --fa: "\f00d";
}
.fa-magnifying-glass-plus {
  --fa: "\f00e";
}
.fa-search-plus {
  --fa: "\f00e";
}
.fa-magnifying-glass-minus {
  --fa: "\f010";
}
.fa-search-minus {
  --fa: "\f010";
}
.fa-power-off {
  --fa: "\f011";
}
.fa-signal {
  --fa: "\f012";
}
.fa-signal-5 {
  --fa: "\f012";
}
.fa-signal-perfect {
  --fa: "\f012";
}
.fa-gear {
  --fa: "\f013";
}
.fa-cog {
  --fa: "\f013";
}
.fa-house {
  --fa: "\f015";
}
.fa-home {
  --fa: "\f015";
}
.fa-home-alt {
  --fa: "\f015";
}
.fa-home-lg-alt {
  --fa: "\f015";
}
.fa-clock {
  --fa: "\f017";
}
.fa-clock-four {
  --fa: "\f017";
}
.fa-road {
  --fa: "\f018";
}
.fa-download {
  --fa: "\f019";
}
.fa-inbox {
  --fa: "\f01c";
}
.fa-arrow-rotate-right {
  --fa: "\f01e";
}
.fa-arrow-right-rotate {
  --fa: "\f01e";
}
.fa-arrow-rotate-forward {
  --fa: "\f01e";
}
.fa-redo {
  --fa: "\f01e";
}
.fa-arrows-rotate {
  --fa: "\f021";
}
.fa-refresh {
  --fa: "\f021";
}
.fa-sync {
  --fa: "\f021";
}
.fa-rectangle-list {
  --fa: "\f022";
}
.fa-list-alt {
  --fa: "\f022";
}
.fa-lock {
  --fa: "\f023";
}
.fa-flag {
  --fa: "\f024";
}
.fa-headphones {
  --fa: "\f025";
}
.fa-headphones-alt {
  --fa: "\f025";
}
.fa-headphones-simple {
  --fa: "\f025";
}
.fa-volume-off {
  --fa: "\f026";
}
.fa-volume-low {
  --fa: "\f027";
}
.fa-volume-down {
  --fa: "\f027";
}
.fa-volume-high {
  --fa: "\f028";
}
.fa-volume-up {
  --fa: "\f028";
}
.fa-qrcode {
  --fa: "\f029";
}
.fa-barcode {
  --fa: "\f02a";
}
.fa-tag {
  --fa: "\f02b";
}
.fa-tags {
  --fa: "\f02c";
}
.fa-book {
  --fa: "\f02d";
}
.fa-bookmark {
  --fa: "\f02e";
}
.fa-print {
  --fa: "\f02f";
}
.fa-camera {
  --fa: "\f030";
}
.fa-camera-alt {
  --fa: "\f030";
}
.fa-font {
  --fa: "\f031";
}
.fa-bold {
  --fa: "\f032";
}
.fa-italic {
  --fa: "\f033";
}
.fa-text-height {
  --fa: "\f034";
}
.fa-text-width {
  --fa: "\f035";
}
.fa-align-left {
  --fa: "\f036";
}
.fa-align-center {
  --fa: "\f037";
}
.fa-align-right {
  --fa: "\f038";
}
.fa-align-justify {
  --fa: "\f039";
}
.fa-list {
  --fa: "\f03a";
}
.fa-list-squares {
  --fa: "\f03a";
}
.fa-outdent {
  --fa: "\f03b";
}
.fa-dedent {
  --fa: "\f03b";
}
.fa-indent {
  --fa: "\f03c";
}
.fa-video {
  --fa: "\f03d";
}
.fa-video-camera {
  --fa: "\f03d";
}
.fa-image {
  --fa: "\f03e";
}
.fa-location-pin {
  --fa: "\f041";
}
.fa-map-marker {
  --fa: "\f041";
}
.fa-circle-half-stroke {
  --fa: "\f042";
}
.fa-adjust {
  --fa: "\f042";
}
.fa-droplet {
  --fa: "\f043";
}
.fa-tint {
  --fa: "\f043";
}
.fa-pen-to-square {
  --fa: "\f044";
}
.fa-edit {
  --fa: "\f044";
}
.fa-arrows-up-down-left-right {
  --fa: "\f047";
}
.fa-arrows {
  --fa: "\f047";
}
.fa-backward-step {
  --fa: "\f048";
}
.fa-step-backward {
  --fa: "\f048";
}
.fa-backward-fast {
  --fa: "\f049";
}
.fa-fast-backward {
  --fa: "\f049";
}
.fa-backward {
  --fa: "\f04a";
}
.fa-play {
  --fa: "\f04b";
}
.fa-pause {
  --fa: "\f04c";
}
.fa-stop {
  --fa: "\f04d";
}
.fa-forward {
  --fa: "\f04e";
}
.fa-forward-fast {
  --fa: "\f050";
}
.fa-fast-forward {
  --fa: "\f050";
}
.fa-forward-step {
  --fa: "\f051";
}
.fa-step-forward {
  --fa: "\f051";
}
.fa-eject {
  --fa: "\f052";
}
.fa-chevron-left {
  --fa: "\f053";
}
.fa-chevron-right {
  --fa: "\f054";
}
.fa-circle-plus {
  --fa: "\f055";
}
.fa-plus-circle {
  --fa: "\f055";
}
.fa-circle-minus {
  --fa: "\f056";
}
.fa-minus-circle {
  --fa: "\f056";
}
.fa-circle-xmark {
  --fa: "\f057";
}
.fa-times-circle {
  --fa: "\f057";
}
.fa-xmark-circle {
  --fa: "\f057";
}
.fa-circle-check {
  --fa: "\f058";
}
.fa-check-circle {
  --fa: "\f058";
}
.fa-circle-question {
  --fa: "\f059";
}
.fa-question-circle {
  --fa: "\f059";
}
.fa-circle-info {
  --fa: "\f05a";
}
.fa-info-circle {
  --fa: "\f05a";
}
.fa-crosshairs {
  --fa: "\f05b";
}
.fa-ban {
  --fa: "\f05e";
}
.fa-cancel {
  --fa: "\f05e";
}
.fa-arrow-left {
  --fa: "\f060";
}
.fa-arrow-right {
  --fa: "\f061";
}
.fa-arrow-up {
  --fa: "\f062";
}
.fa-arrow-down {
  --fa: "\f063";
}
.fa-share {
  --fa: "\f064";
}
.fa-mail-forward {
  --fa: "\f064";
}
.fa-expand {
  --fa: "\f065";
}
.fa-compress {
  --fa: "\f066";
}
.fa-minus {
  --fa: "\f068";
}
.fa-subtract {
  --fa: "\f068";
}
.fa-circle-exclamation {
  --fa: "\f06a";
}
.fa-exclamation-circle {
  --fa: "\f06a";
}
.fa-gift {
  --fa: "\f06b";
}
.fa-leaf {
  --fa: "\f06c";
}
.fa-fire {
  --fa: "\f06d";
}
.fa-eye {
  --fa: "\f06e";
}
.fa-eye-slash {
  --fa: "\f070";
}
.fa-triangle-exclamation {
  --fa: "\f071";
}
.fa-exclamation-triangle {
  --fa: "\f071";
}
.fa-warning {
  --fa: "\f071";
}
.fa-plane {
  --fa: "\f072";
}
.fa-calendar-days {
  --fa: "\f073";
}
.fa-calendar-alt {
  --fa: "\f073";
}
.fa-shuffle {
  --fa: "\f074";
}
.fa-random {
  --fa: "\f074";
}
.fa-comment {
  --fa: "\f075";
}
.fa-magnet {
  --fa: "\f076";
}
.fa-chevron-up {
  --fa: "\f077";
}
.fa-chevron-down {
  --fa: "\f078";
}
.fa-retweet {
  --fa: "\f079";
}
.fa-cart-shopping {
  --fa: "\f07a";
}
.fa-shopping-cart {
  --fa: "\f07a";
}
.fa-folder {
  --fa: "\f07b";
}
.fa-folder-blank {
  --fa: "\f07b";
}
.fa-folder-open {
  --fa: "\f07c";
}
.fa-arrows-up-down {
  --fa: "\f07d";
}
.fa-arrows-v {
  --fa: "\f07d";
}
.fa-arrows-left-right {
  --fa: "\f07e";
}
.fa-arrows-h {
  --fa: "\f07e";
}
.fa-chart-bar {
  --fa: "\f080";
}
.fa-bar-chart {
  --fa: "\f080";
}
.fa-camera-retro {
  --fa: "\f083";
}
.fa-key {
  --fa: "\f084";
}
.fa-gears {
  --fa: "\f085";
}
.fa-cogs {
  --fa: "\f085";
}
.fa-comments {
  --fa: "\f086";
}
.fa-star-half {
  --fa: "\f089";
}
.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}
.fa-sign-out {
  --fa: "\f08b";
}
.fa-thumbtack {
  --fa: "\f08d";
}
.fa-thumb-tack {
  --fa: "\f08d";
}
.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}
.fa-external-link {
  --fa: "\f08e";
}
.fa-arrow-right-to-bracket {
  --fa: "\f090";
}
.fa-sign-in {
  --fa: "\f090";
}
.fa-trophy {
  --fa: "\f091";
}
.fa-upload {
  --fa: "\f093";
}
.fa-lemon {
  --fa: "\f094";
}
.fa-phone {
  --fa: "\f095";
}
.fa-square-phone {
  --fa: "\f098";
}
.fa-phone-square {
  --fa: "\f098";
}
.fa-unlock {
  --fa: "\f09c";
}
.fa-credit-card {
  --fa: "\f09d";
}
.fa-credit-card-alt {
  --fa: "\f09d";
}
.fa-rss {
  --fa: "\f09e";
}
.fa-feed {
  --fa: "\f09e";
}
.fa-hard-drive {
  --fa: "\f0a0";
}
.fa-hdd {
  --fa: "\f0a0";
}
.fa-bullhorn {
  --fa: "\f0a1";
}
.fa-certificate {
  --fa: "\f0a3";
}
.fa-hand-point-right {
  --fa: "\f0a4";
}
.fa-hand-point-left {
  --fa: "\f0a5";
}
.fa-hand-point-up {
  --fa: "\f0a6";
}
.fa-hand-point-down {
  --fa: "\f0a7";
}
.fa-circle-arrow-left {
  --fa: "\f0a8";
}
.fa-arrow-circle-left {
  --fa: "\f0a8";
}
.fa-circle-arrow-right {
  --fa: "\f0a9";
}
.fa-arrow-circle-right {
  --fa: "\f0a9";
}
.fa-circle-arrow-up {
  --fa: "\f0aa";
}
.fa-arrow-circle-up {
  --fa: "\f0aa";
}
.fa-circle-arrow-down {
  --fa: "\f0ab";
}
.fa-arrow-circle-down {
  --fa: "\f0ab";
}
.fa-globe {
  --fa: "\f0ac";
}
.fa-wrench {
  --fa: "\f0ad";
}
.fa-list-check {
  --fa: "\f0ae";
}
.fa-tasks {
  --fa: "\f0ae";
}
.fa-filter {
  --fa: "\f0b0";
}
.fa-briefcase {
  --fa: "\f0b1";
}
.fa-up-down-left-right {
  --fa: "\f0b2";
}
.fa-arrows-alt {
  --fa: "\f0b2";
}
.fa-users {
  --fa: "\f0c0";
}
.fa-link {
  --fa: "\f0c1";
}
.fa-chain {
  --fa: "\f0c1";
}
.fa-cloud {
  --fa: "\f0c2";
}
.fa-flask {
  --fa: "\f0c3";
}
.fa-scissors {
  --fa: "\f0c4";
}
.fa-cut {
  --fa: "\f0c4";
}
.fa-copy {
  --fa: "\f0c5";
}
.fa-paperclip {
  --fa: "\f0c6";
}
.fa-floppy-disk {
  --fa: "\f0c7";
}
.fa-save {
  --fa: "\f0c7";
}
.fa-square {
  --fa: "\f0c8";
}
.fa-bars {
  --fa: "\f0c9";
}
.fa-navicon {
  --fa: "\f0c9";
}
.fa-list-ul {
  --fa: "\f0ca";
}
.fa-list-dots {
  --fa: "\f0ca";
}
.fa-list-ol {
  --fa: "\f0cb";
}
.fa-list-1-2 {
  --fa: "\f0cb";
}
.fa-list-numeric {
  --fa: "\f0cb";
}
.fa-strikethrough {
  --fa: "\f0cc";
}
.fa-underline {
  --fa: "\f0cd";
}
.fa-table {
  --fa: "\f0ce";
}
.fa-wand-magic {
  --fa: "\f0d0";
}
.fa-magic {
  --fa: "\f0d0";
}
.fa-truck {
  --fa: "\f0d1";
}
.fa-money-bill {
  --fa: "\f0d6";
}
.fa-caret-down {
  --fa: "\f0d7";
}
.fa-caret-up {
  --fa: "\f0d8";
}
.fa-caret-left {
  --fa: "\f0d9";
}
.fa-caret-right {
  --fa: "\f0da";
}
.fa-table-columns {
  --fa: "\f0db";
}
.fa-columns {
  --fa: "\f0db";
}
.fa-sort {
  --fa: "\f0dc";
}
.fa-unsorted {
  --fa: "\f0dc";
}
.fa-sort-down {
  --fa: "\f0dd";
}
.fa-sort-desc {
  --fa: "\f0dd";
}
.fa-sort-up {
  --fa: "\f0de";
}
.fa-sort-asc {
  --fa: "\f0de";
}
.fa-envelope {
  --fa: "\f0e0";
}
.fa-arrow-rotate-left {
  --fa: "\f0e2";
}
.fa-arrow-left-rotate {
  --fa: "\f0e2";
}
.fa-arrow-rotate-back {
  --fa: "\f0e2";
}
.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}
.fa-undo {
  --fa: "\f0e2";
}
.fa-gavel {
  --fa: "\f0e3";
}
.fa-legal {
  --fa: "\f0e3";
}
.fa-bolt {
  --fa: "\f0e7";
}
.fa-zap {
  --fa: "\f0e7";
}
.fa-sitemap {
  --fa: "\f0e8";
}
.fa-umbrella {
  --fa: "\f0e9";
}
.fa-paste {
  --fa: "\f0ea";
}
.fa-file-clipboard {
  --fa: "\f0ea";
}
.fa-lightbulb {
  --fa: "\f0eb";
}
.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}
.fa-exchange {
  --fa: "\f0ec";
}
.fa-cloud-arrow-down {
  --fa: "\f0ed";
}
.fa-cloud-download {
  --fa: "\f0ed";
}
.fa-cloud-download-alt {
  --fa: "\f0ed";
}
.fa-cloud-arrow-up {
  --fa: "\f0ee";
}
.fa-cloud-upload {
  --fa: "\f0ee";
}
.fa-cloud-upload-alt {
  --fa: "\f0ee";
}
.fa-user-doctor {
  --fa: "\f0f0";
}
.fa-user-md {
  --fa: "\f0f0";
}
.fa-stethoscope {
  --fa: "\f0f1";
}
.fa-suitcase {
  --fa: "\f0f2";
}
.fa-bell {
  --fa: "\f0f3";
}
.fa-mug-saucer {
  --fa: "\f0f4";
}
.fa-coffee {
  --fa: "\f0f4";
}
.fa-hospital {
  --fa: "\f0f8";
}
.fa-hospital-alt {
  --fa: "\f0f8";
}
.fa-hospital-wide {
  --fa: "\f0f8";
}
.fa-truck-medical {
  --fa: "\f0f9";
}
.fa-ambulance {
  --fa: "\f0f9";
}
.fa-suitcase-medical {
  --fa: "\f0fa";
}
.fa-medkit {
  --fa: "\f0fa";
}
.fa-jet-fighter {
  --fa: "\f0fb";
}
.fa-fighter-jet {
  --fa: "\f0fb";
}
.fa-beer-mug-empty {
  --fa: "\f0fc";
}
.fa-beer {
  --fa: "\f0fc";
}
.fa-square-h {
  --fa: "\f0fd";
}
.fa-h-square {
  --fa: "\f0fd";
}
.fa-square-plus {
  --fa: "\f0fe";
}
.fa-plus-square {
  --fa: "\f0fe";
}
.fa-angles-left {
  --fa: "\f100";
}
.fa-angle-double-left {
  --fa: "\f100";
}
.fa-angles-right {
  --fa: "\f101";
}
.fa-angle-double-right {
  --fa: "\f101";
}
.fa-angles-up {
  --fa: "\f102";
}
.fa-angle-double-up {
  --fa: "\f102";
}
.fa-angles-down {
  --fa: "\f103";
}
.fa-angle-double-down {
  --fa: "\f103";
}
.fa-angle-left {
  --fa: "\f104";
}
.fa-angle-right {
  --fa: "\f105";
}
.fa-angle-up {
  --fa: "\f106";
}
.fa-angle-down {
  --fa: "\f107";
}
.fa-laptop {
  --fa: "\f109";
}
.fa-tablet-button {
  --fa: "\f10a";
}
.fa-mobile-button {
  --fa: "\f10b";
}
.fa-quote-left {
  --fa: "\f10d";
}
.fa-quote-left-alt {
  --fa: "\f10d";
}
.fa-quote-right {
  --fa: "\f10e";
}
.fa-quote-right-alt {
  --fa: "\f10e";
}
.fa-spinner {
  --fa: "\f110";
}
.fa-circle {
  --fa: "\f111";
}
.fa-face-smile {
  --fa: "\f118";
}
.fa-smile {
  --fa: "\f118";
}
.fa-face-frown {
  --fa: "\f119";
}
.fa-frown {
  --fa: "\f119";
}
.fa-face-meh {
  --fa: "\f11a";
}
.fa-meh {
  --fa: "\f11a";
}
.fa-gamepad {
  --fa: "\f11b";
}
.fa-keyboard {
  --fa: "\f11c";
}
.fa-flag-checkered {
  --fa: "\f11e";
}
.fa-terminal {
  --fa: "\f120";
}
.fa-code {
  --fa: "\f121";
}
.fa-reply-all {
  --fa: "\f122";
}
.fa-mail-reply-all {
  --fa: "\f122";
}
.fa-location-arrow {
  --fa: "\f124";
}
.fa-crop {
  --fa: "\f125";
}
.fa-code-branch {
  --fa: "\f126";
}
.fa-link-slash {
  --fa: "\f127";
}
.fa-chain-broken {
  --fa: "\f127";
}
.fa-chain-slash {
  --fa: "\f127";
}
.fa-unlink {
  --fa: "\f127";
}
.fa-info {
  --fa: "\f129";
}
.fa-superscript {
  --fa: "\f12b";
}
.fa-subscript {
  --fa: "\f12c";
}
.fa-eraser {
  --fa: "\f12d";
}
.fa-puzzle-piece {
  --fa: "\f12e";
}
.fa-microphone {
  --fa: "\f130";
}
.fa-microphone-slash {
  --fa: "\f131";
}
.fa-shield {
  --fa: "\f132";
}
.fa-shield-blank {
  --fa: "\f132";
}
.fa-calendar {
  --fa: "\f133";
}
.fa-fire-extinguisher {
  --fa: "\f134";
}
.fa-rocket {
  --fa: "\f135";
}
.fa-circle-chevron-left {
  --fa: "\f137";
}
.fa-chevron-circle-left {
  --fa: "\f137";
}
.fa-circle-chevron-right {
  --fa: "\f138";
}
.fa-chevron-circle-right {
  --fa: "\f138";
}
.fa-circle-chevron-up {
  --fa: "\f139";
}
.fa-chevron-circle-up {
  --fa: "\f139";
}
.fa-circle-chevron-down {
  --fa: "\f13a";
}
.fa-chevron-circle-down {
  --fa: "\f13a";
}
.fa-anchor {
  --fa: "\f13d";
}
.fa-unlock-keyhole {
  --fa: "\f13e";
}
.fa-unlock-alt {
  --fa: "\f13e";
}
.fa-bullseye {
  --fa: "\f140";
}
.fa-ellipsis {
  --fa: "\f141";
}
.fa-ellipsis-h {
  --fa: "\f141";
}
.fa-ellipsis-vertical {
  --fa: "\f142";
}
.fa-ellipsis-v {
  --fa: "\f142";
}
.fa-square-rss {
  --fa: "\f143";
}
.fa-rss-square {
  --fa: "\f143";
}
.fa-circle-play {
  --fa: "\f144";
}
.fa-play-circle {
  --fa: "\f144";
}
.fa-ticket {
  --fa: "\f145";
}
.fa-square-minus {
  --fa: "\f146";
}
.fa-minus-square {
  --fa: "\f146";
}
.fa-arrow-turn-up {
  --fa: "\f148";
}
.fa-level-up {
  --fa: "\f148";
}
.fa-arrow-turn-down {
  --fa: "\f149";
}
.fa-level-down {
  --fa: "\f149";
}
.fa-square-check {
  --fa: "\f14a";
}
.fa-check-square {
  --fa: "\f14a";
}
.fa-square-pen {
  --fa: "\f14b";
}
.fa-pen-square {
  --fa: "\f14b";
}
.fa-pencil-square {
  --fa: "\f14b";
}
.fa-square-arrow-up-right {
  --fa: "\f14c";
}
.fa-external-link-square {
  --fa: "\f14c";
}
.fa-share-from-square {
  --fa: "\f14d";
}
.fa-share-square {
  --fa: "\f14d";
}
.fa-compass {
  --fa: "\f14e";
}
.fa-square-caret-down {
  --fa: "\f150";
}
.fa-caret-square-down {
  --fa: "\f150";
}
.fa-square-caret-up {
  --fa: "\f151";
}
.fa-caret-square-up {
  --fa: "\f151";
}
.fa-square-caret-right {
  --fa: "\f152";
}
.fa-caret-square-right {
  --fa: "\f152";
}
.fa-euro-sign {
  --fa: "\f153";
}
.fa-eur {
  --fa: "\f153";
}
.fa-euro {
  --fa: "\f153";
}
.fa-sterling-sign {
  --fa: "\f154";
}
.fa-gbp {
  --fa: "\f154";
}
.fa-pound-sign {
  --fa: "\f154";
}
.fa-rupee-sign {
  --fa: "\f156";
}
.fa-rupee {
  --fa: "\f156";
}
.fa-yen-sign {
  --fa: "\f157";
}
.fa-cny {
  --fa: "\f157";
}
.fa-jpy {
  --fa: "\f157";
}
.fa-rmb {
  --fa: "\f157";
}
.fa-yen {
  --fa: "\f157";
}
.fa-ruble-sign {
  --fa: "\f158";
}
.fa-rouble {
  --fa: "\f158";
}
.fa-rub {
  --fa: "\f158";
}
.fa-ruble {
  --fa: "\f158";
}
.fa-won-sign {
  --fa: "\f159";
}
.fa-krw {
  --fa: "\f159";
}
.fa-won {
  --fa: "\f159";
}
.fa-file {
  --fa: "\f15b";
}
.fa-file-lines {
  --fa: "\f15c";
}
.fa-file-alt {
  --fa: "\f15c";
}
.fa-file-text {
  --fa: "\f15c";
}
.fa-arrow-down-a-z {
  --fa: "\f15d";
}
.fa-sort-alpha-asc {
  --fa: "\f15d";
}
.fa-sort-alpha-down {
  --fa: "\f15d";
}
.fa-arrow-up-a-z {
  --fa: "\f15e";
}
.fa-sort-alpha-up {
  --fa: "\f15e";
}
.fa-arrow-down-wide-short {
  --fa: "\f160";
}
.fa-sort-amount-asc {
  --fa: "\f160";
}
.fa-sort-amount-down {
  --fa: "\f160";
}
.fa-arrow-up-wide-short {
  --fa: "\f161";
}
.fa-sort-amount-up {
  --fa: "\f161";
}
.fa-arrow-down-1-9 {
  --fa: "\f162";
}
.fa-sort-numeric-asc {
  --fa: "\f162";
}
.fa-sort-numeric-down {
  --fa: "\f162";
}
.fa-arrow-up-1-9 {
  --fa: "\f163";
}
.fa-sort-numeric-up {
  --fa: "\f163";
}
.fa-thumbs-up {
  --fa: "\f164";
}
.fa-thumbs-down {
  --fa: "\f165";
}
.fa-arrow-down-long {
  --fa: "\f175";
}
.fa-long-arrow-down {
  --fa: "\f175";
}
.fa-arrow-up-long {
  --fa: "\f176";
}
.fa-long-arrow-up {
  --fa: "\f176";
}
.fa-arrow-left-long {
  --fa: "\f177";
}
.fa-long-arrow-left {
  --fa: "\f177";
}
.fa-arrow-right-long {
  --fa: "\f178";
}
.fa-long-arrow-right {
  --fa: "\f178";
}
.fa-person-dress {
  --fa: "\f182";
}
.fa-female {
  --fa: "\f182";
}
.fa-person {
  --fa: "\f183";
}
.fa-male {
  --fa: "\f183";
}
.fa-sun {
  --fa: "\f185";
}
.fa-moon {
  --fa: "\f186";
}
.fa-box-archive {
  --fa: "\f187";
}
.fa-archive {
  --fa: "\f187";
}
.fa-bug {
  --fa: "\f188";
}
.fa-square-caret-left {
  --fa: "\f191";
}
.fa-caret-square-left {
  --fa: "\f191";
}
.fa-circle-dot {
  --fa: "\f192";
}
.fa-dot-circle {
  --fa: "\f192";
}
.fa-wheelchair {
  --fa: "\f193";
}
.fa-lira-sign {
  --fa: "\f195";
}
.fa-shuttle-space {
  --fa: "\f197";
}
.fa-space-shuttle {
  --fa: "\f197";
}
.fa-square-envelope {
  --fa: "\f199";
}
.fa-envelope-square {
  --fa: "\f199";
}
.fa-building-columns {
  --fa: "\f19c";
}
.fa-bank {
  --fa: "\f19c";
}
.fa-institution {
  --fa: "\f19c";
}
.fa-museum {
  --fa: "\f19c";
}
.fa-university {
  --fa: "\f19c";
}
.fa-graduation-cap {
  --fa: "\f19d";
}
.fa-mortar-board {
  --fa: "\f19d";
}
.fa-language {
  --fa: "\f1ab";
}
.fa-fax {
  --fa: "\f1ac";
}
.fa-building {
  --fa: "\f1ad";
}
.fa-child {
  --fa: "\f1ae";
}
.fa-paw {
  --fa: "\f1b0";
}
.fa-cube {
  --fa: "\f1b2";
}
.fa-cubes {
  --fa: "\f1b3";
}
.fa-recycle {
  --fa: "\f1b8";
}
.fa-car {
  --fa: "\f1b9";
}
.fa-automobile {
  --fa: "\f1b9";
}
.fa-taxi {
  --fa: "\f1ba";
}
.fa-cab {
  --fa: "\f1ba";
}
.fa-tree {
  --fa: "\f1bb";
}
.fa-database {
  --fa: "\f1c0";
}
.fa-file-pdf {
  --fa: "\f1c1";
}
.fa-file-word {
  --fa: "\f1c2";
}
.fa-file-excel {
  --fa: "\f1c3";
}
.fa-file-powerpoint {
  --fa: "\f1c4";
}
.fa-file-image {
  --fa: "\f1c5";
}
.fa-file-zipper {
  --fa: "\f1c6";
}
.fa-file-archive {
  --fa: "\f1c6";
}
.fa-file-audio {
  --fa: "\f1c7";
}
.fa-file-video {
  --fa: "\f1c8";
}
.fa-file-code {
  --fa: "\f1c9";
}
.fa-life-ring {
  --fa: "\f1cd";
}
.fa-circle-notch {
  --fa: "\f1ce";
}
.fa-paper-plane {
  --fa: "\f1d8";
}
.fa-clock-rotate-left {
  --fa: "\f1da";
}
.fa-history {
  --fa: "\f1da";
}
.fa-heading {
  --fa: "\f1dc";
}
.fa-header {
  --fa: "\f1dc";
}
.fa-paragraph {
  --fa: "\f1dd";
}
.fa-sliders {
  --fa: "\f1de";
}
.fa-sliders-h {
  --fa: "\f1de";
}
.fa-share-nodes {
  --fa: "\f1e0";
}
.fa-share-alt {
  --fa: "\f1e0";
}
.fa-square-share-nodes {
  --fa: "\f1e1";
}
.fa-share-alt-square {
  --fa: "\f1e1";
}
.fa-bomb {
  --fa: "\f1e2";
}
.fa-futbol {
  --fa: "\f1e3";
}
.fa-futbol-ball {
  --fa: "\f1e3";
}
.fa-soccer-ball {
  --fa: "\f1e3";
}
.fa-tty {
  --fa: "\f1e4";
}
.fa-teletype {
  --fa: "\f1e4";
}
.fa-binoculars {
  --fa: "\f1e5";
}
.fa-plug {
  --fa: "\f1e6";
}
.fa-newspaper {
  --fa: "\f1ea";
}
.fa-wifi {
  --fa: "\f1eb";
}
.fa-wifi-3 {
  --fa: "\f1eb";
}
.fa-wifi-strong {
  --fa: "\f1eb";
}
.fa-calculator {
  --fa: "\f1ec";
}
.fa-bell-slash {
  --fa: "\f1f6";
}
.fa-trash {
  --fa: "\f1f8";
}
.fa-copyright {
  --fa: "\f1f9";
}
.fa-eye-dropper {
  --fa: "\f1fb";
}
.fa-eye-dropper-empty {
  --fa: "\f1fb";
}
.fa-eyedropper {
  --fa: "\f1fb";
}
.fa-paintbrush {
  --fa: "\f1fc";
}
.fa-paint-brush {
  --fa: "\f1fc";
}
.fa-cake-candles {
  --fa: "\f1fd";
}
.fa-birthday-cake {
  --fa: "\f1fd";
}
.fa-cake {
  --fa: "\f1fd";
}
.fa-chart-area {
  --fa: "\f1fe";
}
.fa-area-chart {
  --fa: "\f1fe";
}
.fa-chart-pie {
  --fa: "\f200";
}
.fa-pie-chart {
  --fa: "\f200";
}
.fa-chart-line {
  --fa: "\f201";
}
.fa-line-chart {
  --fa: "\f201";
}
.fa-toggle-off {
  --fa: "\f204";
}
.fa-toggle-on {
  --fa: "\f205";
}
.fa-bicycle {
  --fa: "\f206";
}
.fa-bus {
  --fa: "\f207";
}
.fa-closed-captioning {
  --fa: "\f20a";
}
.fa-shekel-sign {
  --fa: "\f20b";
}
.fa-ils {
  --fa: "\f20b";
}
.fa-shekel {
  --fa: "\f20b";
}
.fa-sheqel {
  --fa: "\f20b";
}
.fa-sheqel-sign {
  --fa: "\f20b";
}
.fa-cart-plus {
  --fa: "\f217";
}
.fa-cart-arrow-down {
  --fa: "\f218";
}
.fa-diamond {
  --fa: "\f219";
}
.fa-ship {
  --fa: "\f21a";
}
.fa-user-secret {
  --fa: "\f21b";
}
.fa-motorcycle {
  --fa: "\f21c";
}
.fa-street-view {
  --fa: "\f21d";
}
.fa-heart-pulse {
  --fa: "\f21e";
}
.fa-heartbeat {
  --fa: "\f21e";
}
.fa-venus {
  --fa: "\f221";
}
.fa-mars {
  --fa: "\f222";
}
.fa-mercury {
  --fa: "\f223";
}
.fa-mars-and-venus {
  --fa: "\f224";
}
.fa-transgender {
  --fa: "\f225";
}
.fa-transgender-alt {
  --fa: "\f225";
}
.fa-venus-double {
  --fa: "\f226";
}
.fa-mars-double {
  --fa: "\f227";
}
.fa-venus-mars {
  --fa: "\f228";
}
.fa-mars-stroke {
  --fa: "\f229";
}
.fa-mars-stroke-up {
  --fa: "\f22a";
}
.fa-mars-stroke-v {
  --fa: "\f22a";
}
.fa-mars-stroke-right {
  --fa: "\f22b";
}
.fa-mars-stroke-h {
  --fa: "\f22b";
}
.fa-neuter {
  --fa: "\f22c";
}
.fa-genderless {
  --fa: "\f22d";
}
.fa-server {
  --fa: "\f233";
}
.fa-user-plus {
  --fa: "\f234";
}
.fa-user-xmark {
  --fa: "\f235";
}
.fa-user-times {
  --fa: "\f235";
}
.fa-bed {
  --fa: "\f236";
}
.fa-train {
  --fa: "\f238";
}
.fa-train-subway {
  --fa: "\f239";
}
.fa-subway {
  --fa: "\f239";
}
.fa-battery-full {
  --fa: "\f240";
}
.fa-battery {
  --fa: "\f240";
}
.fa-battery-5 {
  --fa: "\f240";
}
.fa-battery-three-quarters {
  --fa: "\f241";
}
.fa-battery-4 {
  --fa: "\f241";
}
.fa-battery-half {
  --fa: "\f242";
}
.fa-battery-3 {
  --fa: "\f242";
}
.fa-battery-quarter {
  --fa: "\f243";
}
.fa-battery-2 {
  --fa: "\f243";
}
.fa-battery-empty {
  --fa: "\f244";
}
.fa-battery-0 {
  --fa: "\f244";
}
.fa-arrow-pointer {
  --fa: "\f245";
}
.fa-mouse-pointer {
  --fa: "\f245";
}
.fa-i-cursor {
  --fa: "\f246";
}
.fa-object-group {
  --fa: "\f247";
}
.fa-object-ungroup {
  --fa: "\f248";
}
.fa-note-sticky {
  --fa: "\f249";
}
.fa-sticky-note {
  --fa: "\f249";
}
.fa-clone {
  --fa: "\f24d";
}
.fa-scale-balanced {
  --fa: "\f24e";
}
.fa-balance-scale {
  --fa: "\f24e";
}
.fa-hourglass-start {
  --fa: "\f251";
}
.fa-hourglass-1 {
  --fa: "\f251";
}
.fa-hourglass-half {
  --fa: "\f252";
}
.fa-hourglass-2 {
  --fa: "\f252";
}
.fa-hourglass-end {
  --fa: "\f253";
}
.fa-hourglass-3 {
  --fa: "\f253";
}
.fa-hourglass {
  --fa: "\f254";
}
.fa-hourglass-empty {
  --fa: "\f254";
}
.fa-hand-back-fist {
  --fa: "\f255";
}
.fa-hand-rock {
  --fa: "\f255";
}
.fa-hand {
  --fa: "\f256";
}
.fa-hand-paper {
  --fa: "\f256";
}
.fa-hand-scissors {
  --fa: "\f257";
}
.fa-hand-lizard {
  --fa: "\f258";
}
.fa-hand-spock {
  --fa: "\f259";
}
.fa-hand-pointer {
  --fa: "\f25a";
}
.fa-hand-peace {
  --fa: "\f25b";
}
.fa-trademark {
  --fa: "\f25c";
}
.fa-registered {
  --fa: "\f25d";
}
.fa-tv {
  --fa: "\f26c";
}
.fa-television {
  --fa: "\f26c";
}
.fa-tv-alt {
  --fa: "\f26c";
}
.fa-calendar-plus {
  --fa: "\f271";
}
.fa-calendar-minus {
  --fa: "\f272";
}
.fa-calendar-xmark {
  --fa: "\f273";
}
.fa-calendar-times {
  --fa: "\f273";
}
.fa-calendar-check {
  --fa: "\f274";
}
.fa-industry {
  --fa: "\f275";
}
.fa-map-pin {
  --fa: "\f276";
}
.fa-signs-post {
  --fa: "\f277";
}
.fa-map-signs {
  --fa: "\f277";
}
.fa-map {
  --fa: "\f279";
}
.fa-message {
  --fa: "\f27a";
}
.fa-comment-alt {
  --fa: "\f27a";
}
.fa-circle-pause {
  --fa: "\f28b";
}
.fa-pause-circle {
  --fa: "\f28b";
}
.fa-circle-stop {
  --fa: "\f28d";
}
.fa-stop-circle {
  --fa: "\f28d";
}
.fa-bag-shopping {
  --fa: "\f290";
}
.fa-shopping-bag {
  --fa: "\f290";
}
.fa-basket-shopping {
  --fa: "\f291";
}
.fa-shopping-basket {
  --fa: "\f291";
}
.fa-universal-access {
  --fa: "\f29a";
}
.fa-person-walking-with-cane {
  --fa: "\f29d";
}
.fa-blind {
  --fa: "\f29d";
}
.fa-audio-description {
  --fa: "\f29e";
}
.fa-phone-volume {
  --fa: "\f2a0";
}
.fa-volume-control-phone {
  --fa: "\f2a0";
}
.fa-braille {
  --fa: "\f2a1";
}
.fa-ear-listen {
  --fa: "\f2a2";
}
.fa-assistive-listening-systems {
  --fa: "\f2a2";
}
.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}
.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}
.fa-asl-interpreting {
  --fa: "\f2a3";
}
.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}
.fa-ear-deaf {
  --fa: "\f2a4";
}
.fa-deaf {
  --fa: "\f2a4";
}
.fa-deafness {
  --fa: "\f2a4";
}
.fa-hard-of-hearing {
  --fa: "\f2a4";
}
.fa-hands {
  --fa: "\f2a7";
}
.fa-sign-language {
  --fa: "\f2a7";
}
.fa-signing {
  --fa: "\f2a7";
}
.fa-eye-low-vision {
  --fa: "\f2a8";
}
.fa-low-vision {
  --fa: "\f2a8";
}
.fa-font-awesome {
  --fa: "\f2b4";
}
.fa-font-awesome-flag {
  --fa: "\f2b4";
}
.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}
.fa-handshake {
  --fa: "\f2b5";
}
.fa-handshake-alt {
  --fa: "\f2b5";
}
.fa-handshake-simple {
  --fa: "\f2b5";
}
.fa-envelope-open {
  --fa: "\f2b6";
}
.fa-address-book {
  --fa: "\f2b9";
}
.fa-contact-book {
  --fa: "\f2b9";
}
.fa-address-card {
  --fa: "\f2bb";
}
.fa-contact-card {
  --fa: "\f2bb";
}
.fa-vcard {
  --fa: "\f2bb";
}
.fa-circle-user {
  --fa: "\f2bd";
}
.fa-user-circle {
  --fa: "\f2bd";
}
.fa-id-badge {
  --fa: "\f2c1";
}
.fa-id-card {
  --fa: "\f2c2";
}
.fa-drivers-license {
  --fa: "\f2c2";
}
.fa-temperature-full {
  --fa: "\f2c7";
}
.fa-temperature-4 {
  --fa: "\f2c7";
}
.fa-thermometer-4 {
  --fa: "\f2c7";
}
.fa-thermometer-full {
  --fa: "\f2c7";
}
.fa-temperature-three-quarters {
  --fa: "\f2c8";
}
.fa-temperature-3 {
  --fa: "\f2c8";
}
.fa-thermometer-3 {
  --fa: "\f2c8";
}
.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}
.fa-temperature-half {
  --fa: "\f2c9";
}
.fa-temperature-2 {
  --fa: "\f2c9";
}
.fa-thermometer-2 {
  --fa: "\f2c9";
}
.fa-thermometer-half {
  --fa: "\f2c9";
}
.fa-temperature-quarter {
  --fa: "\f2ca";
}
.fa-temperature-1 {
  --fa: "\f2ca";
}
.fa-thermometer-1 {
  --fa: "\f2ca";
}
.fa-thermometer-quarter {
  --fa: "\f2ca";
}
.fa-temperature-empty {
  --fa: "\f2cb";
}
.fa-temperature-0 {
  --fa: "\f2cb";
}
.fa-thermometer-0 {
  --fa: "\f2cb";
}
.fa-thermometer-empty {
  --fa: "\f2cb";
}
.fa-shower {
  --fa: "\f2cc";
}
.fa-bath {
  --fa: "\f2cd";
}
.fa-bathtub {
  --fa: "\f2cd";
}
.fa-podcast {
  --fa: "\f2ce";
}
.fa-window-maximize {
  --fa: "\f2d0";
}
.fa-window-minimize {
  --fa: "\f2d1";
}
.fa-window-restore {
  --fa: "\f2d2";
}
.fa-square-xmark {
  --fa: "\f2d3";
}
.fa-times-square {
  --fa: "\f2d3";
}
.fa-xmark-square {
  --fa: "\f2d3";
}
.fa-microchip {
  --fa: "\f2db";
}
.fa-snowflake {
  --fa: "\f2dc";
}
.fa-spoon {
  --fa: "\f2e5";
}
.fa-utensil-spoon {
  --fa: "\f2e5";
}
.fa-utensils {
  --fa: "\f2e7";
}
.fa-cutlery {
  --fa: "\f2e7";
}
.fa-rotate-left {
  --fa: "\f2ea";
}
.fa-rotate-back {
  --fa: "\f2ea";
}
.fa-rotate-backward {
  --fa: "\f2ea";
}
.fa-undo-alt {
  --fa: "\f2ea";
}
.fa-trash-can {
  --fa: "\f2ed";
}
.fa-trash-alt {
  --fa: "\f2ed";
}
.fa-rotate {
  --fa: "\f2f1";
}
.fa-sync-alt {
  --fa: "\f2f1";
}
.fa-stopwatch {
  --fa: "\f2f2";
}
.fa-right-from-bracket {
  --fa: "\f2f5";
}
.fa-sign-out-alt {
  --fa: "\f2f5";
}
.fa-right-to-bracket {
  --fa: "\f2f6";
}
.fa-sign-in-alt {
  --fa: "\f2f6";
}
.fa-rotate-right {
  --fa: "\f2f9";
}
.fa-redo-alt {
  --fa: "\f2f9";
}
.fa-rotate-forward {
  --fa: "\f2f9";
}
.fa-poo {
  --fa: "\f2fe";
}
.fa-images {
  --fa: "\f302";
}
.fa-pencil {
  --fa: "\f303";
}
.fa-pencil-alt {
  --fa: "\f303";
}
.fa-pen {
  --fa: "\f304";
}
.fa-pen-clip {
  --fa: "\f305";
}
.fa-pen-alt {
  --fa: "\f305";
}
.fa-octagon {
  --fa: "\f306";
}
.fa-down-long {
  --fa: "\f309";
}
.fa-long-arrow-alt-down {
  --fa: "\f309";
}
.fa-left-long {
  --fa: "\f30a";
}
.fa-long-arrow-alt-left {
  --fa: "\f30a";
}
.fa-right-long {
  --fa: "\f30b";
}
.fa-long-arrow-alt-right {
  --fa: "\f30b";
}
.fa-up-long {
  --fa: "\f30c";
}
.fa-long-arrow-alt-up {
  --fa: "\f30c";
}
.fa-hexagon {
  --fa: "\f312";
}
.fa-file-pen {
  --fa: "\f31c";
}
.fa-file-edit {
  --fa: "\f31c";
}
.fa-maximize {
  --fa: "\f31e";
}
.fa-expand-arrows-alt {
  --fa: "\f31e";
}
.fa-clipboard {
  --fa: "\f328";
}
.fa-left-right {
  --fa: "\f337";
}
.fa-arrows-alt-h {
  --fa: "\f337";
}
.fa-up-down {
  --fa: "\f338";
}
.fa-arrows-alt-v {
  --fa: "\f338";
}
.fa-alarm-clock {
  --fa: "\f34e";
}
.fa-circle-down {
  --fa: "\f358";
}
.fa-arrow-alt-circle-down {
  --fa: "\f358";
}
.fa-circle-left {
  --fa: "\f359";
}
.fa-arrow-alt-circle-left {
  --fa: "\f359";
}
.fa-circle-right {
  --fa: "\f35a";
}
.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}
.fa-circle-up {
  --fa: "\f35b";
}
.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}
.fa-up-right-from-square {
  --fa: "\f35d";
}
.fa-external-link-alt {
  --fa: "\f35d";
}
.fa-square-up-right {
  --fa: "\f360";
}
.fa-external-link-square-alt {
  --fa: "\f360";
}
.fa-right-left {
  --fa: "\f362";
}
.fa-exchange-alt {
  --fa: "\f362";
}
.fa-repeat {
  --fa: "\f363";
}
.fa-code-commit {
  --fa: "\f386";
}
.fa-code-merge {
  --fa: "\f387";
}
.fa-desktop {
  --fa: "\f390";
}
.fa-desktop-alt {
  --fa: "\f390";
}
.fa-gem {
  --fa: "\f3a5";
}
.fa-turn-down {
  --fa: "\f3be";
}
.fa-level-down-alt {
  --fa: "\f3be";
}
.fa-turn-up {
  --fa: "\f3bf";
}
.fa-level-up-alt {
  --fa: "\f3bf";
}
.fa-lock-open {
  --fa: "\f3c1";
}
.fa-location-dot {
  --fa: "\f3c5";
}
.fa-map-marker-alt {
  --fa: "\f3c5";
}
.fa-microphone-lines {
  --fa: "\f3c9";
}
.fa-microphone-alt {
  --fa: "\f3c9";
}
.fa-mobile-screen-button {
  --fa: "\f3cd";
}
.fa-mobile-alt {
  --fa: "\f3cd";
}
.fa-mobile {
  --fa: "\f3ce";
}
.fa-mobile-android {
  --fa: "\f3ce";
}
.fa-mobile-phone {
  --fa: "\f3ce";
}
.fa-mobile-screen {
  --fa: "\f3cf";
}
.fa-mobile-android-alt {
  --fa: "\f3cf";
}
.fa-money-bill-1 {
  --fa: "\f3d1";
}
.fa-money-bill-alt {
  --fa: "\f3d1";
}
.fa-phone-slash {
  --fa: "\f3dd";
}
.fa-image-portrait {
  --fa: "\f3e0";
}
.fa-portrait {
  --fa: "\f3e0";
}
.fa-reply {
  --fa: "\f3e5";
}
.fa-mail-reply {
  --fa: "\f3e5";
}
.fa-shield-halved {
  --fa: "\f3ed";
}
.fa-shield-alt {
  --fa: "\f3ed";
}
.fa-tablet-screen-button {
  --fa: "\f3fa";
}
.fa-tablet-alt {
  --fa: "\f3fa";
}
.fa-tablet {
  --fa: "\f3fb";
}
.fa-tablet-android {
  --fa: "\f3fb";
}
.fa-ticket-simple {
  --fa: "\f3ff";
}
.fa-ticket-alt {
  --fa: "\f3ff";
}
.fa-rectangle-xmark {
  --fa: "\f410";
}
.fa-rectangle-times {
  --fa: "\f410";
}
.fa-times-rectangle {
  --fa: "\f410";
}
.fa-window-close {
  --fa: "\f410";
}
.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}
.fa-compress-alt {
  --fa: "\f422";
}
.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}
.fa-expand-alt {
  --fa: "\f424";
}
.fa-baseball-bat-ball {
  --fa: "\f432";
}
.fa-baseball {
  --fa: "\f433";
}
.fa-baseball-ball {
  --fa: "\f433";
}
.fa-basketball {
  --fa: "\f434";
}
.fa-basketball-ball {
  --fa: "\f434";
}
.fa-bowling-ball {
  --fa: "\f436";
}
.fa-chess {
  --fa: "\f439";
}
.fa-chess-bishop {
  --fa: "\f43a";
}
.fa-chess-board {
  --fa: "\f43c";
}
.fa-chess-king {
  --fa: "\f43f";
}
.fa-chess-knight {
  --fa: "\f441";
}
.fa-chess-pawn {
  --fa: "\f443";
}
.fa-chess-queen {
  --fa: "\f445";
}
.fa-chess-rook {
  --fa: "\f447";
}
.fa-dumbbell {
  --fa: "\f44b";
}
.fa-football {
  --fa: "\f44e";
}
.fa-football-ball {
  --fa: "\f44e";
}
.fa-golf-ball-tee {
  --fa: "\f450";
}
.fa-golf-ball {
  --fa: "\f450";
}
.fa-hockey-puck {
  --fa: "\f453";
}
.fa-broom-ball {
  --fa: "\f458";
}
.fa-quidditch {
  --fa: "\f458";
}
.fa-quidditch-broom-ball {
  --fa: "\f458";
}
.fa-square-full {
  --fa: "\f45c";
}
.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}
.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}
.fa-table-tennis {
  --fa: "\f45d";
}
.fa-volleyball {
  --fa: "\f45f";
}
.fa-volleyball-ball {
  --fa: "\f45f";
}
.fa-hand-dots {
  --fa: "\f461";
}
.fa-allergies {
  --fa: "\f461";
}
.fa-bandage {
  --fa: "\f462";
}
.fa-band-aid {
  --fa: "\f462";
}
.fa-box {
  --fa: "\f466";
}
.fa-boxes-stacked {
  --fa: "\f468";
}
.fa-boxes {
  --fa: "\f468";
}
.fa-boxes-alt {
  --fa: "\f468";
}
.fa-briefcase-medical {
  --fa: "\f469";
}
.fa-fire-flame-simple {
  --fa: "\f46a";
}
.fa-burn {
  --fa: "\f46a";
}
.fa-capsules {
  --fa: "\f46b";
}
.fa-clipboard-check {
  --fa: "\f46c";
}
.fa-clipboard-list {
  --fa: "\f46d";
}
.fa-person-dots-from-line {
  --fa: "\f470";
}
.fa-diagnoses {
  --fa: "\f470";
}
.fa-dna {
  --fa: "\f471";
}
.fa-dolly {
  --fa: "\f472";
}
.fa-dolly-box {
  --fa: "\f472";
}
.fa-cart-flatbed {
  --fa: "\f474";
}
.fa-dolly-flatbed {
  --fa: "\f474";
}
.fa-file-medical {
  --fa: "\f477";
}
.fa-file-waveform {
  --fa: "\f478";
}
.fa-file-medical-alt {
  --fa: "\f478";
}
.fa-kit-medical {
  --fa: "\f479";
}
.fa-first-aid {
  --fa: "\f479";
}
.fa-circle-h {
  --fa: "\f47e";
}
.fa-hospital-symbol {
  --fa: "\f47e";
}
.fa-id-card-clip {
  --fa: "\f47f";
}
.fa-id-card-alt {
  --fa: "\f47f";
}
.fa-notes-medical {
  --fa: "\f481";
}
.fa-pallet {
  --fa: "\f482";
}
.fa-pills {
  --fa: "\f484";
}
.fa-prescription-bottle {
  --fa: "\f485";
}
.fa-prescription-bottle-medical {
  --fa: "\f486";
}
.fa-prescription-bottle-alt {
  --fa: "\f486";
}
.fa-bed-pulse {
  --fa: "\f487";
}
.fa-procedures {
  --fa: "\f487";
}
.fa-truck-fast {
  --fa: "\f48b";
}
.fa-shipping-fast {
  --fa: "\f48b";
}
.fa-smoking {
  --fa: "\f48d";
}
.fa-syringe {
  --fa: "\f48e";
}
.fa-tablets {
  --fa: "\f490";
}
.fa-thermometer {
  --fa: "\f491";
}
.fa-vial {
  --fa: "\f492";
}
.fa-vials {
  --fa: "\f493";
}
.fa-warehouse {
  --fa: "\f494";
}
.fa-weight-scale {
  --fa: "\f496";
}
.fa-weight {
  --fa: "\f496";
}
.fa-x-ray {
  --fa: "\f497";
}
.fa-box-open {
  --fa: "\f49e";
}
.fa-comment-dots {
  --fa: "\f4ad";
}
.fa-commenting {
  --fa: "\f4ad";
}
.fa-comment-slash {
  --fa: "\f4b3";
}
.fa-couch {
  --fa: "\f4b8";
}
.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}
.fa-donate {
  --fa: "\f4b9";
}
.fa-dove {
  --fa: "\f4ba";
}
.fa-hand-holding {
  --fa: "\f4bd";
}
.fa-hand-holding-heart {
  --fa: "\f4be";
}
.fa-hand-holding-dollar {
  --fa: "\f4c0";
}
.fa-hand-holding-usd {
  --fa: "\f4c0";
}
.fa-hand-holding-droplet {
  --fa: "\f4c1";
}
.fa-hand-holding-water {
  --fa: "\f4c1";
}
.fa-hands-holding {
  --fa: "\f4c2";
}
.fa-handshake-angle {
  --fa: "\f4c4";
}
.fa-hands-helping {
  --fa: "\f4c4";
}
.fa-parachute-box {
  --fa: "\f4cd";
}
.fa-people-carry-box {
  --fa: "\f4ce";
}
.fa-people-carry {
  --fa: "\f4ce";
}
.fa-piggy-bank {
  --fa: "\f4d3";
}
.fa-ribbon {
  --fa: "\f4d6";
}
.fa-route {
  --fa: "\f4d7";
}
.fa-seedling {
  --fa: "\f4d8";
}
.fa-sprout {
  --fa: "\f4d8";
}
.fa-sign-hanging {
  --fa: "\f4d9";
}
.fa-sign {
  --fa: "\f4d9";
}
.fa-face-smile-wink {
  --fa: "\f4da";
}
.fa-smile-wink {
  --fa: "\f4da";
}
.fa-tape {
  --fa: "\f4db";
}
.fa-truck-ramp-box {
  --fa: "\f4de";
}
.fa-truck-loading {
  --fa: "\f4de";
}
.fa-truck-moving {
  --fa: "\f4df";
}
.fa-video-slash {
  --fa: "\f4e2";
}
.fa-wine-glass {
  --fa: "\f4e3";
}
.fa-user-astronaut {
  --fa: "\f4fb";
}
.fa-user-check {
  --fa: "\f4fc";
}
.fa-user-clock {
  --fa: "\f4fd";
}
.fa-user-gear {
  --fa: "\f4fe";
}
.fa-user-cog {
  --fa: "\f4fe";
}
.fa-user-pen {
  --fa: "\f4ff";
}
.fa-user-edit {
  --fa: "\f4ff";
}
.fa-user-group {
  --fa: "\f500";
}
.fa-user-friends {
  --fa: "\f500";
}
.fa-user-graduate {
  --fa: "\f501";
}
.fa-user-lock {
  --fa: "\f502";
}
.fa-user-minus {
  --fa: "\f503";
}
.fa-user-ninja {
  --fa: "\f504";
}
.fa-user-shield {
  --fa: "\f505";
}
.fa-user-slash {
  --fa: "\f506";
}
.fa-user-alt-slash {
  --fa: "\f506";
}
.fa-user-large-slash {
  --fa: "\f506";
}
.fa-user-tag {
  --fa: "\f507";
}
.fa-user-tie {
  --fa: "\f508";
}
.fa-users-gear {
  --fa: "\f509";
}
.fa-users-cog {
  --fa: "\f509";
}
.fa-scale-unbalanced {
  --fa: "\f515";
}
.fa-balance-scale-left {
  --fa: "\f515";
}
.fa-scale-unbalanced-flip {
  --fa: "\f516";
}
.fa-balance-scale-right {
  --fa: "\f516";
}
.fa-blender {
  --fa: "\f517";
}
.fa-book-open {
  --fa: "\f518";
}
.fa-tower-broadcast {
  --fa: "\f519";
}
.fa-broadcast-tower {
  --fa: "\f519";
}
.fa-broom {
  --fa: "\f51a";
}
.fa-chalkboard {
  --fa: "\f51b";
}
.fa-blackboard {
  --fa: "\f51b";
}
.fa-chalkboard-user {
  --fa: "\f51c";
}
.fa-chalkboard-teacher {
  --fa: "\f51c";
}
.fa-church {
  --fa: "\f51d";
}
.fa-coins {
  --fa: "\f51e";
}
.fa-compact-disc {
  --fa: "\f51f";
}
.fa-crow {
  --fa: "\f520";
}
.fa-crown {
  --fa: "\f521";
}
.fa-dice {
  --fa: "\f522";
}
.fa-dice-five {
  --fa: "\f523";
}
.fa-dice-four {
  --fa: "\f524";
}
.fa-dice-one {
  --fa: "\f525";
}
.fa-dice-six {
  --fa: "\f526";
}
.fa-dice-three {
  --fa: "\f527";
}
.fa-dice-two {
  --fa: "\f528";
}
.fa-divide {
  --fa: "\f529";
}
.fa-door-closed {
  --fa: "\f52a";
}
.fa-door-open {
  --fa: "\f52b";
}
.fa-feather {
  --fa: "\f52d";
}
.fa-frog {
  --fa: "\f52e";
}
.fa-gas-pump {
  --fa: "\f52f";
}
.fa-glasses {
  --fa: "\f530";
}
.fa-greater-than-equal {
  --fa: "\f532";
}
.fa-helicopter {
  --fa: "\f533";
}
.fa-infinity {
  --fa: "\f534";
}
.fa-kiwi-bird {
  --fa: "\f535";
}
.fa-less-than-equal {
  --fa: "\f537";
}
.fa-memory {
  --fa: "\f538";
}
.fa-microphone-lines-slash {
  --fa: "\f539";
}
.fa-microphone-alt-slash {
  --fa: "\f539";
}
.fa-money-bill-wave {
  --fa: "\f53a";
}
.fa-money-bill-1-wave {
  --fa: "\f53b";
}
.fa-money-bill-wave-alt {
  --fa: "\f53b";
}
.fa-money-check {
  --fa: "\f53c";
}
.fa-money-check-dollar {
  --fa: "\f53d";
}
.fa-money-check-alt {
  --fa: "\f53d";
}
.fa-not-equal {
  --fa: "\f53e";
}
.fa-palette {
  --fa: "\f53f";
}
.fa-square-parking {
  --fa: "\f540";
}
.fa-parking {
  --fa: "\f540";
}
.fa-diagram-project {
  --fa: "\f542";
}
.fa-project-diagram {
  --fa: "\f542";
}
.fa-receipt {
  --fa: "\f543";
}
.fa-robot {
  --fa: "\f544";
}
.fa-ruler {
  --fa: "\f545";
}
.fa-ruler-combined {
  --fa: "\f546";
}
.fa-ruler-horizontal {
  --fa: "\f547";
}
.fa-ruler-vertical {
  --fa: "\f548";
}
.fa-school {
  --fa: "\f549";
}
.fa-screwdriver {
  --fa: "\f54a";
}
.fa-shoe-prints {
  --fa: "\f54b";
}
.fa-skull {
  --fa: "\f54c";
}
.fa-ban-smoking {
  --fa: "\f54d";
}
.fa-smoking-ban {
  --fa: "\f54d";
}
.fa-store {
  --fa: "\f54e";
}
.fa-shop {
  --fa: "\f54f";
}
.fa-store-alt {
  --fa: "\f54f";
}
.fa-bars-staggered {
  --fa: "\f550";
}
.fa-reorder {
  --fa: "\f550";
}
.fa-stream {
  --fa: "\f550";
}
.fa-stroopwafel {
  --fa: "\f551";
}
.fa-toolbox {
  --fa: "\f552";
}
.fa-shirt {
  --fa: "\f553";
}
.fa-t-shirt {
  --fa: "\f553";
}
.fa-tshirt {
  --fa: "\f553";
}
.fa-person-walking {
  --fa: "\f554";
}
.fa-walking {
  --fa: "\f554";
}
.fa-wallet {
  --fa: "\f555";
}
.fa-face-angry {
  --fa: "\f556";
}
.fa-angry {
  --fa: "\f556";
}
.fa-archway {
  --fa: "\f557";
}
.fa-book-atlas {
  --fa: "\f558";
}
.fa-atlas {
  --fa: "\f558";
}
.fa-award {
  --fa: "\f559";
}
.fa-delete-left {
  --fa: "\f55a";
}
.fa-backspace {
  --fa: "\f55a";
}
.fa-bezier-curve {
  --fa: "\f55b";
}
.fa-bong {
  --fa: "\f55c";
}
.fa-brush {
  --fa: "\f55d";
}
.fa-bus-simple {
  --fa: "\f55e";
}
.fa-bus-alt {
  --fa: "\f55e";
}
.fa-cannabis {
  --fa: "\f55f";
}
.fa-check-double {
  --fa: "\f560";
}
.fa-martini-glass-citrus {
  --fa: "\f561";
}
.fa-cocktail {
  --fa: "\f561";
}
.fa-bell-concierge {
  --fa: "\f562";
}
.fa-concierge-bell {
  --fa: "\f562";
}
.fa-cookie {
  --fa: "\f563";
}
.fa-cookie-bite {
  --fa: "\f564";
}
.fa-crop-simple {
  --fa: "\f565";
}
.fa-crop-alt {
  --fa: "\f565";
}
.fa-tachograph-digital {
  --fa: "\f566";
}
.fa-digital-tachograph {
  --fa: "\f566";
}
.fa-face-dizzy {
  --fa: "\f567";
}
.fa-dizzy {
  --fa: "\f567";
}
.fa-compass-drafting {
  --fa: "\f568";
}
.fa-drafting-compass {
  --fa: "\f568";
}
.fa-drum {
  --fa: "\f569";
}
.fa-drum-steelpan {
  --fa: "\f56a";
}
.fa-feather-pointed {
  --fa: "\f56b";
}
.fa-feather-alt {
  --fa: "\f56b";
}
.fa-file-contract {
  --fa: "\f56c";
}
.fa-file-arrow-down {
  --fa: "\f56d";
}
.fa-file-download {
  --fa: "\f56d";
}
.fa-file-export {
  --fa: "\f56e";
}
.fa-arrow-right-from-file {
  --fa: "\f56e";
}
.fa-file-import {
  --fa: "\f56f";
}
.fa-arrow-right-to-file {
  --fa: "\f56f";
}
.fa-file-invoice {
  --fa: "\f570";
}
.fa-file-invoice-dollar {
  --fa: "\f571";
}
.fa-file-prescription {
  --fa: "\f572";
}
.fa-file-signature {
  --fa: "\f573";
}
.fa-file-arrow-up {
  --fa: "\f574";
}
.fa-file-upload {
  --fa: "\f574";
}
.fa-fill {
  --fa: "\f575";
}
.fa-fill-drip {
  --fa: "\f576";
}
.fa-fingerprint {
  --fa: "\f577";
}
.fa-fish {
  --fa: "\f578";
}
.fa-face-flushed {
  --fa: "\f579";
}
.fa-flushed {
  --fa: "\f579";
}
.fa-face-frown-open {
  --fa: "\f57a";
}
.fa-frown-open {
  --fa: "\f57a";
}
.fa-martini-glass {
  --fa: "\f57b";
}
.fa-glass-martini-alt {
  --fa: "\f57b";
}
.fa-earth-africa {
  --fa: "\f57c";
}
.fa-globe-africa {
  --fa: "\f57c";
}
.fa-earth-americas {
  --fa: "\f57d";
}
.fa-earth {
  --fa: "\f57d";
}
.fa-earth-america {
  --fa: "\f57d";
}
.fa-globe-americas {
  --fa: "\f57d";
}
.fa-earth-asia {
  --fa: "\f57e";
}
.fa-globe-asia {
  --fa: "\f57e";
}
.fa-face-grimace {
  --fa: "\f57f";
}
.fa-grimace {
  --fa: "\f57f";
}
.fa-face-grin {
  --fa: "\f580";
}
.fa-grin {
  --fa: "\f580";
}
.fa-face-grin-wide {
  --fa: "\f581";
}
.fa-grin-alt {
  --fa: "\f581";
}
.fa-face-grin-beam {
  --fa: "\f582";
}
.fa-grin-beam {
  --fa: "\f582";
}
.fa-face-grin-beam-sweat {
  --fa: "\f583";
}
.fa-grin-beam-sweat {
  --fa: "\f583";
}
.fa-face-grin-hearts {
  --fa: "\f584";
}
.fa-grin-hearts {
  --fa: "\f584";
}
.fa-face-grin-squint {
  --fa: "\f585";
}
.fa-grin-squint {
  --fa: "\f585";
}
.fa-face-grin-squint-tears {
  --fa: "\f586";
}
.fa-grin-squint-tears {
  --fa: "\f586";
}
.fa-face-grin-stars {
  --fa: "\f587";
}
.fa-grin-stars {
  --fa: "\f587";
}
.fa-face-grin-tears {
  --fa: "\f588";
}
.fa-grin-tears {
  --fa: "\f588";
}
.fa-face-grin-tongue {
  --fa: "\f589";
}
.fa-grin-tongue {
  --fa: "\f589";
}
.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}
.fa-grin-tongue-squint {
  --fa: "\f58a";
}
.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}
.fa-grin-tongue-wink {
  --fa: "\f58b";
}
.fa-face-grin-wink {
  --fa: "\f58c";
}
.fa-grin-wink {
  --fa: "\f58c";
}
.fa-grip {
  --fa: "\f58d";
}
.fa-grid-horizontal {
  --fa: "\f58d";
}
.fa-grip-horizontal {
  --fa: "\f58d";
}
.fa-grip-vertical {
  --fa: "\f58e";
}
.fa-grid-vertical {
  --fa: "\f58e";
}
.fa-headset {
  --fa: "\f590";
}
.fa-highlighter {
  --fa: "\f591";
}
.fa-hot-tub-person {
  --fa: "\f593";
}
.fa-hot-tub {
  --fa: "\f593";
}
.fa-hotel {
  --fa: "\f594";
}
.fa-joint {
  --fa: "\f595";
}
.fa-face-kiss {
  --fa: "\f596";
}
.fa-kiss {
  --fa: "\f596";
}
.fa-face-kiss-beam {
  --fa: "\f597";
}
.fa-kiss-beam {
  --fa: "\f597";
}
.fa-face-kiss-wink-heart {
  --fa: "\f598";
}
.fa-kiss-wink-heart {
  --fa: "\f598";
}
.fa-face-laugh {
  --fa: "\f599";
}
.fa-laugh {
  --fa: "\f599";
}
.fa-face-laugh-beam {
  --fa: "\f59a";
}
.fa-laugh-beam {
  --fa: "\f59a";
}
.fa-face-laugh-squint {
  --fa: "\f59b";
}
.fa-laugh-squint {
  --fa: "\f59b";
}
.fa-face-laugh-wink {
  --fa: "\f59c";
}
.fa-laugh-wink {
  --fa: "\f59c";
}
.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}
.fa-luggage-cart {
  --fa: "\f59d";
}
.fa-map-location {
  --fa: "\f59f";
}
.fa-map-marked {
  --fa: "\f59f";
}
.fa-map-location-dot {
  --fa: "\f5a0";
}
.fa-map-marked-alt {
  --fa: "\f5a0";
}
.fa-marker {
  --fa: "\f5a1";
}
.fa-medal {
  --fa: "\f5a2";
}
.fa-face-meh-blank {
  --fa: "\f5a4";
}
.fa-meh-blank {
  --fa: "\f5a4";
}
.fa-face-rolling-eyes {
  --fa: "\f5a5";
}
.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}
.fa-monument {
  --fa: "\f5a6";
}
.fa-mortar-pestle {
  --fa: "\f5a7";
}
.fa-paint-roller {
  --fa: "\f5aa";
}
.fa-passport {
  --fa: "\f5ab";
}
.fa-pen-fancy {
  --fa: "\f5ac";
}
.fa-pen-nib {
  --fa: "\f5ad";
}
.fa-pen-ruler {
  --fa: "\f5ae";
}
.fa-pencil-ruler {
  --fa: "\f5ae";
}
.fa-plane-arrival {
  --fa: "\f5af";
}
.fa-plane-departure {
  --fa: "\f5b0";
}
.fa-prescription {
  --fa: "\f5b1";
}
.fa-face-sad-cry {
  --fa: "\f5b3";
}
.fa-sad-cry {
  --fa: "\f5b3";
}
.fa-face-sad-tear {
  --fa: "\f5b4";
}
.fa-sad-tear {
  --fa: "\f5b4";
}
.fa-van-shuttle {
  --fa: "\f5b6";
}
.fa-shuttle-van {
  --fa: "\f5b6";
}
.fa-signature {
  --fa: "\f5b7";
}
.fa-face-smile-beam {
  --fa: "\f5b8";
}
.fa-smile-beam {
  --fa: "\f5b8";
}
.fa-solar-panel {
  --fa: "\f5ba";
}
.fa-spa {
  --fa: "\f5bb";
}
.fa-splotch {
  --fa: "\f5bc";
}
.fa-spray-can {
  --fa: "\f5bd";
}
.fa-stamp {
  --fa: "\f5bf";
}
.fa-star-half-stroke {
  --fa: "\f5c0";
}
.fa-star-half-alt {
  --fa: "\f5c0";
}
.fa-suitcase-rolling {
  --fa: "\f5c1";
}
.fa-face-surprise {
  --fa: "\f5c2";
}
.fa-surprise {
  --fa: "\f5c2";
}
.fa-swatchbook {
  --fa: "\f5c3";
}
.fa-person-swimming {
  --fa: "\f5c4";
}
.fa-swimmer {
  --fa: "\f5c4";
}
.fa-water-ladder {
  --fa: "\f5c5";
}
.fa-ladder-water {
  --fa: "\f5c5";
}
.fa-swimming-pool {
  --fa: "\f5c5";
}
.fa-droplet-slash {
  --fa: "\f5c7";
}
.fa-tint-slash {
  --fa: "\f5c7";
}
.fa-face-tired {
  --fa: "\f5c8";
}
.fa-tired {
  --fa: "\f5c8";
}
.fa-tooth {
  --fa: "\f5c9";
}
.fa-umbrella-beach {
  --fa: "\f5ca";
}
.fa-weight-hanging {
  --fa: "\f5cd";
}
.fa-wine-glass-empty {
  --fa: "\f5ce";
}
.fa-wine-glass-alt {
  --fa: "\f5ce";
}
.fa-spray-can-sparkles {
  --fa: "\f5d0";
}
.fa-air-freshener {
  --fa: "\f5d0";
}
.fa-apple-whole {
  --fa: "\f5d1";
}
.fa-apple-alt {
  --fa: "\f5d1";
}
.fa-atom {
  --fa: "\f5d2";
}
.fa-bone {
  --fa: "\f5d7";
}
.fa-book-open-reader {
  --fa: "\f5da";
}
.fa-book-reader {
  --fa: "\f5da";
}
.fa-brain {
  --fa: "\f5dc";
}
.fa-car-rear {
  --fa: "\f5de";
}
.fa-car-alt {
  --fa: "\f5de";
}
.fa-car-battery {
  --fa: "\f5df";
}
.fa-battery-car {
  --fa: "\f5df";
}
.fa-car-burst {
  --fa: "\f5e1";
}
.fa-car-crash {
  --fa: "\f5e1";
}
.fa-car-side {
  --fa: "\f5e4";
}
.fa-charging-station {
  --fa: "\f5e7";
}
.fa-diamond-turn-right {
  --fa: "\f5eb";
}
.fa-directions {
  --fa: "\f5eb";
}
.fa-draw-polygon {
  --fa: "\f5ee";
}
.fa-vector-polygon {
  --fa: "\f5ee";
}
.fa-laptop-code {
  --fa: "\f5fc";
}
.fa-layer-group {
  --fa: "\f5fd";
}
.fa-location-crosshairs {
  --fa: "\f601";
}
.fa-location {
  --fa: "\f601";
}
.fa-lungs {
  --fa: "\f604";
}
.fa-microscope {
  --fa: "\f610";
}
.fa-oil-can {
  --fa: "\f613";
}
.fa-poop {
  --fa: "\f619";
}
.fa-shapes {
  --fa: "\f61f";
}
.fa-triangle-circle-square {
  --fa: "\f61f";
}
.fa-star-of-life {
  --fa: "\f621";
}
.fa-gauge {
  --fa: "\f624";
}
.fa-dashboard {
  --fa: "\f624";
}
.fa-gauge-med {
  --fa: "\f624";
}
.fa-tachometer-alt-average {
  --fa: "\f624";
}
.fa-gauge-high {
  --fa: "\f625";
}
.fa-tachometer-alt {
  --fa: "\f625";
}
.fa-tachometer-alt-fast {
  --fa: "\f625";
}
.fa-gauge-simple {
  --fa: "\f629";
}
.fa-gauge-simple-med {
  --fa: "\f629";
}
.fa-tachometer-average {
  --fa: "\f629";
}
.fa-gauge-simple-high {
  --fa: "\f62a";
}
.fa-tachometer {
  --fa: "\f62a";
}
.fa-tachometer-fast {
  --fa: "\f62a";
}
.fa-teeth {
  --fa: "\f62e";
}
.fa-teeth-open {
  --fa: "\f62f";
}
.fa-masks-theater {
  --fa: "\f630";
}
.fa-theater-masks {
  --fa: "\f630";
}
.fa-traffic-light {
  --fa: "\f637";
}
.fa-truck-monster {
  --fa: "\f63b";
}
.fa-truck-pickup {
  --fa: "\f63c";
}
.fa-rectangle-ad {
  --fa: "\f641";
}
.fa-ad {
  --fa: "\f641";
}
.fa-ankh {
  --fa: "\f644";
}
.fa-book-bible {
  --fa: "\f647";
}
.fa-bible {
  --fa: "\f647";
}
.fa-business-time {
  --fa: "\f64a";
}
.fa-briefcase-clock {
  --fa: "\f64a";
}
.fa-city {
  --fa: "\f64f";
}
.fa-comment-dollar {
  --fa: "\f651";
}
.fa-comments-dollar {
  --fa: "\f653";
}
.fa-cross {
  --fa: "\f654";
}
.fa-dharmachakra {
  --fa: "\f655";
}
.fa-envelope-open-text {
  --fa: "\f658";
}
.fa-folder-minus {
  --fa: "\f65d";
}
.fa-folder-plus {
  --fa: "\f65e";
}
.fa-filter-circle-dollar {
  --fa: "\f662";
}
.fa-funnel-dollar {
  --fa: "\f662";
}
.fa-gopuram {
  --fa: "\f664";
}
.fa-hamsa {
  --fa: "\f665";
}
.fa-bahai {
  --fa: "\f666";
}
.fa-haykal {
  --fa: "\f666";
}
.fa-jedi {
  --fa: "\f669";
}
.fa-book-journal-whills {
  --fa: "\f66a";
}
.fa-journal-whills {
  --fa: "\f66a";
}
.fa-kaaba {
  --fa: "\f66b";
}
.fa-khanda {
  --fa: "\f66d";
}
.fa-landmark {
  --fa: "\f66f";
}
.fa-envelopes-bulk {
  --fa: "\f674";
}
.fa-mail-bulk {
  --fa: "\f674";
}
.fa-menorah {
  --fa: "\f676";
}
.fa-mosque {
  --fa: "\f678";
}
.fa-om {
  --fa: "\f679";
}
.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}
.fa-pastafarianism {
  --fa: "\f67b";
}
.fa-peace {
  --fa: "\f67c";
}
.fa-place-of-worship {
  --fa: "\f67f";
}
.fa-square-poll-vertical {
  --fa: "\f681";
}
.fa-poll {
  --fa: "\f681";
}
.fa-square-poll-horizontal {
  --fa: "\f682";
}
.fa-poll-h {
  --fa: "\f682";
}
.fa-person-praying {
  --fa: "\f683";
}
.fa-pray {
  --fa: "\f683";
}
.fa-hands-praying {
  --fa: "\f684";
}
.fa-praying-hands {
  --fa: "\f684";
}
.fa-book-quran {
  --fa: "\f687";
}
.fa-quran {
  --fa: "\f687";
}
.fa-magnifying-glass-dollar {
  --fa: "\f688";
}
.fa-search-dollar {
  --fa: "\f688";
}
.fa-magnifying-glass-location {
  --fa: "\f689";
}
.fa-search-location {
  --fa: "\f689";
}
.fa-socks {
  --fa: "\f696";
}
.fa-square-root-variable {
  --fa: "\f698";
}
.fa-square-root-alt {
  --fa: "\f698";
}
.fa-star-and-crescent {
  --fa: "\f699";
}
.fa-star-of-david {
  --fa: "\f69a";
}
.fa-synagogue {
  --fa: "\f69b";
}
.fa-scroll-torah {
  --fa: "\f6a0";
}
.fa-torah {
  --fa: "\f6a0";
}
.fa-torii-gate {
  --fa: "\f6a1";
}
.fa-vihara {
  --fa: "\f6a7";
}
.fa-volume-xmark {
  --fa: "\f6a9";
}
.fa-volume-mute {
  --fa: "\f6a9";
}
.fa-volume-times {
  --fa: "\f6a9";
}
.fa-yin-yang {
  --fa: "\f6ad";
}
.fa-blender-phone {
  --fa: "\f6b6";
}
.fa-book-skull {
  --fa: "\f6b7";
}
.fa-book-dead {
  --fa: "\f6b7";
}
.fa-campground {
  --fa: "\f6bb";
}
.fa-cat {
  --fa: "\f6be";
}
.fa-chair {
  --fa: "\f6c0";
}
.fa-cloud-moon {
  --fa: "\f6c3";
}
.fa-cloud-sun {
  --fa: "\f6c4";
}
.fa-cow {
  --fa: "\f6c8";
}
.fa-dice-d20 {
  --fa: "\f6cf";
}
.fa-dice-d6 {
  --fa: "\f6d1";
}
.fa-dog {
  --fa: "\f6d3";
}
.fa-dragon {
  --fa: "\f6d5";
}
.fa-drumstick-bite {
  --fa: "\f6d7";
}
.fa-dungeon {
  --fa: "\f6d9";
}
.fa-file-csv {
  --fa: "\f6dd";
}
.fa-hand-fist {
  --fa: "\f6de";
}
.fa-fist-raised {
  --fa: "\f6de";
}
.fa-ghost {
  --fa: "\f6e2";
}
.fa-hammer {
  --fa: "\f6e3";
}
.fa-hanukiah {
  --fa: "\f6e6";
}
.fa-hat-wizard {
  --fa: "\f6e8";
}
.fa-person-hiking {
  --fa: "\f6ec";
}
.fa-hiking {
  --fa: "\f6ec";
}
.fa-hippo {
  --fa: "\f6ed";
}
.fa-horse {
  --fa: "\f6f0";
}
.fa-house-chimney-crack {
  --fa: "\f6f1";
}
.fa-house-damage {
  --fa: "\f6f1";
}
.fa-hryvnia-sign {
  --fa: "\f6f2";
}
.fa-hryvnia {
  --fa: "\f6f2";
}
.fa-mask {
  --fa: "\f6fa";
}
.fa-mountain {
  --fa: "\f6fc";
}
.fa-network-wired {
  --fa: "\f6ff";
}
.fa-otter {
  --fa: "\f700";
}
.fa-ring {
  --fa: "\f70b";
}
.fa-person-running {
  --fa: "\f70c";
}
.fa-running {
  --fa: "\f70c";
}
.fa-scroll {
  --fa: "\f70e";
}
.fa-skull-crossbones {
  --fa: "\f714";
}
.fa-slash {
  --fa: "\f715";
}
.fa-spider {
  --fa: "\f717";
}
.fa-toilet-paper {
  --fa: "\f71e";
}
.fa-toilet-paper-alt {
  --fa: "\f71e";
}
.fa-toilet-paper-blank {
  --fa: "\f71e";
}
.fa-tractor {
  --fa: "\f722";
}
.fa-user-injured {
  --fa: "\f728";
}
.fa-vr-cardboard {
  --fa: "\f729";
}
.fa-wand-sparkles {
  --fa: "\f72b";
}
.fa-wind {
  --fa: "\f72e";
}
.fa-wine-bottle {
  --fa: "\f72f";
}
.fa-cloud-meatball {
  --fa: "\f73b";
}
.fa-cloud-moon-rain {
  --fa: "\f73c";
}
.fa-cloud-rain {
  --fa: "\f73d";
}
.fa-cloud-showers-heavy {
  --fa: "\f740";
}
.fa-cloud-sun-rain {
  --fa: "\f743";
}
.fa-democrat {
  --fa: "\f747";
}
.fa-flag-usa {
  --fa: "\f74d";
}
.fa-hurricane {
  --fa: "\f751";
}
.fa-landmark-dome {
  --fa: "\f752";
}
.fa-landmark-alt {
  --fa: "\f752";
}
.fa-meteor {
  --fa: "\f753";
}
.fa-person-booth {
  --fa: "\f756";
}
.fa-poo-storm {
  --fa: "\f75a";
}
.fa-poo-bolt {
  --fa: "\f75a";
}
.fa-rainbow {
  --fa: "\f75b";
}
.fa-republican {
  --fa: "\f75e";
}
.fa-smog {
  --fa: "\f75f";
}
.fa-temperature-high {
  --fa: "\f769";
}
.fa-temperature-low {
  --fa: "\f76b";
}
.fa-cloud-bolt {
  --fa: "\f76c";
}
.fa-thunderstorm {
  --fa: "\f76c";
}
.fa-tornado {
  --fa: "\f76f";
}
.fa-volcano {
  --fa: "\f770";
}
.fa-check-to-slot {
  --fa: "\f772";
}
.fa-vote-yea {
  --fa: "\f772";
}
.fa-water {
  --fa: "\f773";
}
.fa-baby {
  --fa: "\f77c";
}
.fa-baby-carriage {
  --fa: "\f77d";
}
.fa-carriage-baby {
  --fa: "\f77d";
}
.fa-biohazard {
  --fa: "\f780";
}
.fa-blog {
  --fa: "\f781";
}
.fa-calendar-day {
  --fa: "\f783";
}
.fa-calendar-week {
  --fa: "\f784";
}
.fa-candy-cane {
  --fa: "\f786";
}
.fa-carrot {
  --fa: "\f787";
}
.fa-cash-register {
  --fa: "\f788";
}
.fa-minimize {
  --fa: "\f78c";
}
.fa-compress-arrows-alt {
  --fa: "\f78c";
}
.fa-dumpster {
  --fa: "\f793";
}
.fa-dumpster-fire {
  --fa: "\f794";
}
.fa-ethernet {
  --fa: "\f796";
}
.fa-gifts {
  --fa: "\f79c";
}
.fa-champagne-glasses {
  --fa: "\f79f";
}
.fa-glass-cheers {
  --fa: "\f79f";
}
.fa-whiskey-glass {
  --fa: "\f7a0";
}
.fa-glass-whiskey {
  --fa: "\f7a0";
}
.fa-earth-europe {
  --fa: "\f7a2";
}
.fa-globe-europe {
  --fa: "\f7a2";
}
.fa-grip-lines {
  --fa: "\f7a4";
}
.fa-grip-lines-vertical {
  --fa: "\f7a5";
}
.fa-guitar {
  --fa: "\f7a6";
}
.fa-heart-crack {
  --fa: "\f7a9";
}
.fa-heart-broken {
  --fa: "\f7a9";
}
.fa-holly-berry {
  --fa: "\f7aa";
}
.fa-horse-head {
  --fa: "\f7ab";
}
.fa-icicles {
  --fa: "\f7ad";
}
.fa-igloo {
  --fa: "\f7ae";
}
.fa-mitten {
  --fa: "\f7b5";
}
.fa-mug-hot {
  --fa: "\f7b6";
}
.fa-radiation {
  --fa: "\f7b9";
}
.fa-circle-radiation {
  --fa: "\f7ba";
}
.fa-radiation-alt {
  --fa: "\f7ba";
}
.fa-restroom {
  --fa: "\f7bd";
}
.fa-satellite {
  --fa: "\f7bf";
}
.fa-satellite-dish {
  --fa: "\f7c0";
}
.fa-sd-card {
  --fa: "\f7c2";
}
.fa-sim-card {
  --fa: "\f7c4";
}
.fa-person-skating {
  --fa: "\f7c5";
}
.fa-skating {
  --fa: "\f7c5";
}
.fa-person-skiing {
  --fa: "\f7c9";
}
.fa-skiing {
  --fa: "\f7c9";
}
.fa-person-skiing-nordic {
  --fa: "\f7ca";
}
.fa-skiing-nordic {
  --fa: "\f7ca";
}
.fa-sleigh {
  --fa: "\f7cc";
}
.fa-comment-sms {
  --fa: "\f7cd";
}
.fa-sms {
  --fa: "\f7cd";
}
.fa-person-snowboarding {
  --fa: "\f7ce";
}
.fa-snowboarding {
  --fa: "\f7ce";
}
.fa-snowman {
  --fa: "\f7d0";
}
.fa-snowplow {
  --fa: "\f7d2";
}
.fa-tenge-sign {
  --fa: "\f7d7";
}
.fa-tenge {
  --fa: "\f7d7";
}
.fa-toilet {
  --fa: "\f7d8";
}
.fa-screwdriver-wrench {
  --fa: "\f7d9";
}
.fa-tools {
  --fa: "\f7d9";
}
.fa-cable-car {
  --fa: "\f7da";
}
.fa-tram {
  --fa: "\f7da";
}
.fa-fire-flame-curved {
  --fa: "\f7e4";
}
.fa-fire-alt {
  --fa: "\f7e4";
}
.fa-bacon {
  --fa: "\f7e5";
}
.fa-book-medical {
  --fa: "\f7e6";
}
.fa-bread-slice {
  --fa: "\f7ec";
}
.fa-cheese {
  --fa: "\f7ef";
}
.fa-house-chimney-medical {
  --fa: "\f7f2";
}
.fa-clinic-medical {
  --fa: "\f7f2";
}
.fa-clipboard-user {
  --fa: "\f7f3";
}
.fa-comment-medical {
  --fa: "\f7f5";
}
.fa-crutch {
  --fa: "\f7f7";
}
.fa-disease {
  --fa: "\f7fa";
}
.fa-egg {
  --fa: "\f7fb";
}
.fa-folder-tree {
  --fa: "\f802";
}
.fa-burger {
  --fa: "\f805";
}
.fa-hamburger {
  --fa: "\f805";
}
.fa-hand-middle-finger {
  --fa: "\f806";
}
.fa-helmet-safety {
  --fa: "\f807";
}
.fa-hard-hat {
  --fa: "\f807";
}
.fa-hat-hard {
  --fa: "\f807";
}
.fa-hospital-user {
  --fa: "\f80d";
}
.fa-hotdog {
  --fa: "\f80f";
}
.fa-ice-cream {
  --fa: "\f810";
}
.fa-laptop-medical {
  --fa: "\f812";
}
.fa-pager {
  --fa: "\f815";
}
.fa-pepper-hot {
  --fa: "\f816";
}
.fa-pizza-slice {
  --fa: "\f818";
}
.fa-sack-dollar {
  --fa: "\f81d";
}
.fa-book-tanakh {
  --fa: "\f827";
}
.fa-tanakh {
  --fa: "\f827";
}
.fa-bars-progress {
  --fa: "\f828";
}
.fa-tasks-alt {
  --fa: "\f828";
}
.fa-trash-arrow-up {
  --fa: "\f829";
}
.fa-trash-restore {
  --fa: "\f829";
}
.fa-trash-can-arrow-up {
  --fa: "\f82a";
}
.fa-trash-restore-alt {
  --fa: "\f82a";
}
.fa-user-nurse {
  --fa: "\f82f";
}
.fa-wave-square {
  --fa: "\f83e";
}
.fa-person-biking {
  --fa: "\f84a";
}
.fa-biking {
  --fa: "\f84a";
}
.fa-border-all {
  --fa: "\f84c";
}
.fa-border-none {
  --fa: "\f850";
}
.fa-border-top-left {
  --fa: "\f853";
}
.fa-border-style {
  --fa: "\f853";
}
.fa-person-digging {
  --fa: "\f85e";
}
.fa-digging {
  --fa: "\f85e";
}
.fa-fan {
  --fa: "\f863";
}
.fa-icons {
  --fa: "\f86d";
}
.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}
.fa-phone-flip {
  --fa: "\f879";
}
.fa-phone-alt {
  --fa: "\f879";
}
.fa-square-phone-flip {
  --fa: "\f87b";
}
.fa-phone-square-alt {
  --fa: "\f87b";
}
.fa-photo-film {
  --fa: "\f87c";
}
.fa-photo-video {
  --fa: "\f87c";
}
.fa-text-slash {
  --fa: "\f87d";
}
.fa-remove-format {
  --fa: "\f87d";
}
.fa-arrow-down-z-a {
  --fa: "\f881";
}
.fa-sort-alpha-desc {
  --fa: "\f881";
}
.fa-sort-alpha-down-alt {
  --fa: "\f881";
}
.fa-arrow-up-z-a {
  --fa: "\f882";
}
.fa-sort-alpha-up-alt {
  --fa: "\f882";
}
.fa-arrow-down-short-wide {
  --fa: "\f884";
}
.fa-sort-amount-desc {
  --fa: "\f884";
}
.fa-sort-amount-down-alt {
  --fa: "\f884";
}
.fa-arrow-up-short-wide {
  --fa: "\f885";
}
.fa-sort-amount-up-alt {
  --fa: "\f885";
}
.fa-arrow-down-9-1 {
  --fa: "\f886";
}
.fa-sort-numeric-desc {
  --fa: "\f886";
}
.fa-sort-numeric-down-alt {
  --fa: "\f886";
}
.fa-arrow-up-9-1 {
  --fa: "\f887";
}
.fa-sort-numeric-up-alt {
  --fa: "\f887";
}
.fa-spell-check {
  --fa: "\f891";
}
.fa-voicemail {
  --fa: "\f897";
}
.fa-hat-cowboy {
  --fa: "\f8c0";
}
.fa-hat-cowboy-side {
  --fa: "\f8c1";
}
.fa-computer-mouse {
  --fa: "\f8cc";
}
.fa-mouse {
  --fa: "\f8cc";
}
.fa-radio {
  --fa: "\f8d7";
}
.fa-record-vinyl {
  --fa: "\f8d9";
}
.fa-walkie-talkie {
  --fa: "\f8ef";
}
.fa-caravan {
  --fa: "\f8ff";
}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: "Font Awesome 7 Free";
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2");
}
.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}
.fa-classic {
  --fa-family: var(--fa-family-classic);
}
.fa-solid {
  --fa-style: 900;
}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root, :host {
  --fa-family-brands: "Font Awesome 7 Brands";
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2");
}
.fab,
.fa-brands,
.fa-classic.fa-brands {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}
.fa-firefox-browser {
  --fa: "\e007";
}
.fa-ideal {
  --fa: "\e013";
}
.fa-microblog {
  --fa: "\e01a";
}
.fa-square-pied-piper {
  --fa: "\e01e";
}
.fa-pied-piper-square {
  --fa: "\e01e";
}
.fa-unity {
  --fa: "\e049";
}
.fa-dailymotion {
  --fa: "\e052";
}
.fa-square-instagram {
  --fa: "\e055";
}
.fa-instagram-square {
  --fa: "\e055";
}
.fa-mixer {
  --fa: "\e056";
}
.fa-shopify {
  --fa: "\e057";
}
.fa-deezer {
  --fa: "\e077";
}
.fa-edge-legacy {
  --fa: "\e078";
}
.fa-google-pay {
  --fa: "\e079";
}
.fa-rust {
  --fa: "\e07a";
}
.fa-tiktok {
  --fa: "\e07b";
}
.fa-unsplash {
  --fa: "\e07c";
}
.fa-cloudflare {
  --fa: "\e07d";
}
.fa-guilded {
  --fa: "\e07e";
}
.fa-hive {
  --fa: "\e07f";
}
.fa-42-group {
  --fa: "\e080";
}
.fa-innosoft {
  --fa: "\e080";
}
.fa-instalod {
  --fa: "\e081";
}
.fa-octopus-deploy {
  --fa: "\e082";
}
.fa-perbyte {
  --fa: "\e083";
}
.fa-uncharted {
  --fa: "\e084";
}
.fa-watchman-monitoring {
  --fa: "\e087";
}
.fa-wodu {
  --fa: "\e088";
}
.fa-wirsindhandwerk {
  --fa: "\e2d0";
}
.fa-wsh {
  --fa: "\e2d0";
}
.fa-bots {
  --fa: "\e340";
}
.fa-cmplid {
  --fa: "\e360";
}
.fa-bilibili {
  --fa: "\e3d9";
}
.fa-golang {
  --fa: "\e40f";
}
.fa-pix {
  --fa: "\e43a";
}
.fa-sitrox {
  --fa: "\e44a";
}
.fa-hashnode {
  --fa: "\e499";
}
.fa-meta {
  --fa: "\e49b";
}
.fa-padlet {
  --fa: "\e4a0";
}
.fa-nfc-directional {
  --fa: "\e530";
}
.fa-nfc-symbol {
  --fa: "\e531";
}
.fa-screenpal {
  --fa: "\e570";
}
.fa-space-awesome {
  --fa: "\e5ac";
}
.fa-square-font-awesome {
  --fa: "\e5ad";
}
.fa-square-gitlab {
  --fa: "\e5ae";
}
.fa-gitlab-square {
  --fa: "\e5ae";
}
.fa-odysee {
  --fa: "\e5c6";
}
.fa-stubber {
  --fa: "\e5c7";
}
.fa-debian {
  --fa: "\e60b";
}
.fa-shoelace {
  --fa: "\e60c";
}
.fa-threads {
  --fa: "\e618";
}
.fa-square-threads {
  --fa: "\e619";
}
.fa-square-x-twitter {
  --fa: "\e61a";
}
.fa-x-twitter {
  --fa: "\e61b";
}
.fa-opensuse {
  --fa: "\e62b";
}
.fa-letterboxd {
  --fa: "\e62d";
}
.fa-square-letterboxd {
  --fa: "\e62e";
}
.fa-mintbit {
  --fa: "\e62f";
}
.fa-google-scholar {
  --fa: "\e63b";
}
.fa-brave {
  --fa: "\e63c";
}
.fa-brave-reverse {
  --fa: "\e63d";
}
.fa-pixiv {
  --fa: "\e640";
}
.fa-upwork {
  --fa: "\e641";
}
.fa-webflow {
  --fa: "\e65c";
}
.fa-signal-messenger {
  --fa: "\e663";
}
.fa-bluesky {
  --fa: "\e671";
}
.fa-jxl {
  --fa: "\e67b";
}
.fa-square-upwork {
  --fa: "\e67c";
}
.fa-web-awesome {
  --fa: "\e682";
}
.fa-square-web-awesome {
  --fa: "\e683";
}
.fa-square-web-awesome-stroke {
  --fa: "\e684";
}
.fa-dart-lang {
  --fa: "\e693";
}
.fa-flutter {
  --fa: "\e694";
}
.fa-files-pinwheel {
  --fa: "\e69f";
}
.fa-css {
  --fa: "\e6a2";
}
.fa-square-bluesky {
  --fa: "\e6a3";
}
.fa-openai {
  --fa: "\e7cf";
}
.fa-square-linkedin {
  --fa: "\e7d0";
}
.fa-cash-app {
  --fa: "\e7d4";
}
.fa-disqus {
  --fa: "\e7d5";
}
.fa-eleventy {
  --fa: "\e7d6";
}
.fa-11ty {
  --fa: "\e7d6";
}
.fa-kakao-talk {
  --fa: "\e7d7";
}
.fa-linktree {
  --fa: "\e7d8";
}
.fa-notion {
  --fa: "\e7d9";
}
.fa-pandora {
  --fa: "\e7da";
}
.fa-pixelfed {
  --fa: "\e7db";
}
.fa-tidal {
  --fa: "\e7dc";
}
.fa-vsco {
  --fa: "\e7dd";
}
.fa-w3c {
  --fa: "\e7de";
}
.fa-lumon {
  --fa: "\e7e2";
}
.fa-lumon-drop {
  --fa: "\e7e3";
}
.fa-square-figma {
  --fa: "\e7e4";
}
.fa-tex {
  --fa: "\e7ff";
}
.fa-duolingo {
  --fa: "\e812";
}
.fa-square-twitter {
  --fa: "\f081";
}
.fa-twitter-square {
  --fa: "\f081";
}
.fa-square-facebook {
  --fa: "\f082";
}
.fa-facebook-square {
  --fa: "\f082";
}
.fa-linkedin {
  --fa: "\f08c";
}
.fa-square-github {
  --fa: "\f092";
}
.fa-github-square {
  --fa: "\f092";
}
.fa-twitter {
  --fa: "\f099";
}
.fa-facebook {
  --fa: "\f09a";
}
.fa-github {
  --fa: "\f09b";
}
.fa-pinterest {
  --fa: "\f0d2";
}
.fa-square-pinterest {
  --fa: "\f0d3";
}
.fa-pinterest-square {
  --fa: "\f0d3";
}
.fa-square-google-plus {
  --fa: "\f0d4";
}
.fa-google-plus-square {
  --fa: "\f0d4";
}
.fa-google-plus-g {
  --fa: "\f0d5";
}
.fa-linkedin-in {
  --fa: "\f0e1";
}
.fa-github-alt {
  --fa: "\f113";
}
.fa-maxcdn {
  --fa: "\f136";
}
.fa-html5 {
  --fa: "\f13b";
}
.fa-css3 {
  --fa: "\f13c";
}
.fa-btc {
  --fa: "\f15a";
}
.fa-youtube {
  --fa: "\f167";
}
.fa-xing {
  --fa: "\f168";
}
.fa-square-xing {
  --fa: "\f169";
}
.fa-xing-square {
  --fa: "\f169";
}
.fa-dropbox {
  --fa: "\f16b";
}
.fa-stack-overflow {
  --fa: "\f16c";
}
.fa-instagram {
  --fa: "\f16d";
}
.fa-flickr {
  --fa: "\f16e";
}
.fa-adn {
  --fa: "\f170";
}
.fa-bitbucket {
  --fa: "\f171";
}
.fa-tumblr {
  --fa: "\f173";
}
.fa-square-tumblr {
  --fa: "\f174";
}
.fa-tumblr-square {
  --fa: "\f174";
}
.fa-apple {
  --fa: "\f179";
}
.fa-windows {
  --fa: "\f17a";
}
.fa-android {
  --fa: "\f17b";
}
.fa-linux {
  --fa: "\f17c";
}
.fa-dribbble {
  --fa: "\f17d";
}
.fa-skype {
  --fa: "\f17e";
}
.fa-foursquare {
  --fa: "\f180";
}
.fa-trello {
  --fa: "\f181";
}
.fa-gratipay {
  --fa: "\f184";
}
.fa-vk {
  --fa: "\f189";
}
.fa-weibo {
  --fa: "\f18a";
}
.fa-renren {
  --fa: "\f18b";
}
.fa-pagelines {
  --fa: "\f18c";
}
.fa-stack-exchange {
  --fa: "\f18d";
}
.fa-square-vimeo {
  --fa: "\f194";
}
.fa-vimeo-square {
  --fa: "\f194";
}
.fa-slack {
  --fa: "\f198";
}
.fa-slack-hash {
  --fa: "\f198";
}
.fa-wordpress {
  --fa: "\f19a";
}
.fa-openid {
  --fa: "\f19b";
}
.fa-yahoo {
  --fa: "\f19e";
}
.fa-google {
  --fa: "\f1a0";
}
.fa-reddit {
  --fa: "\f1a1";
}
.fa-square-reddit {
  --fa: "\f1a2";
}
.fa-reddit-square {
  --fa: "\f1a2";
}
.fa-stumbleupon-circle {
  --fa: "\f1a3";
}
.fa-stumbleupon {
  --fa: "\f1a4";
}
.fa-delicious {
  --fa: "\f1a5";
}
.fa-digg {
  --fa: "\f1a6";
}
.fa-pied-piper-pp {
  --fa: "\f1a7";
}
.fa-pied-piper-alt {
  --fa: "\f1a8";
}
.fa-drupal {
  --fa: "\f1a9";
}
.fa-joomla {
  --fa: "\f1aa";
}
.fa-behance {
  --fa: "\f1b4";
}
.fa-square-behance {
  --fa: "\f1b5";
}
.fa-behance-square {
  --fa: "\f1b5";
}
.fa-steam {
  --fa: "\f1b6";
}
.fa-square-steam {
  --fa: "\f1b7";
}
.fa-steam-square {
  --fa: "\f1b7";
}
.fa-spotify {
  --fa: "\f1bc";
}
.fa-deviantart {
  --fa: "\f1bd";
}
.fa-soundcloud {
  --fa: "\f1be";
}
.fa-vine {
  --fa: "\f1ca";
}
.fa-codepen {
  --fa: "\f1cb";
}
.fa-jsfiddle {
  --fa: "\f1cc";
}
.fa-rebel {
  --fa: "\f1d0";
}
.fa-empire {
  --fa: "\f1d1";
}
.fa-square-git {
  --fa: "\f1d2";
}
.fa-git-square {
  --fa: "\f1d2";
}
.fa-git {
  --fa: "\f1d3";
}
.fa-hacker-news {
  --fa: "\f1d4";
}
.fa-tencent-weibo {
  --fa: "\f1d5";
}
.fa-qq {
  --fa: "\f1d6";
}
.fa-weixin {
  --fa: "\f1d7";
}
.fa-slideshare {
  --fa: "\f1e7";
}
.fa-twitch {
  --fa: "\f1e8";
}
.fa-yelp {
  --fa: "\f1e9";
}
.fa-paypal {
  --fa: "\f1ed";
}
.fa-google-wallet {
  --fa: "\f1ee";
}
.fa-cc-visa {
  --fa: "\f1f0";
}
.fa-cc-mastercard {
  --fa: "\f1f1";
}
.fa-cc-discover {
  --fa: "\f1f2";
}
.fa-cc-amex {
  --fa: "\f1f3";
}
.fa-cc-paypal {
  --fa: "\f1f4";
}
.fa-cc-stripe {
  --fa: "\f1f5";
}
.fa-lastfm {
  --fa: "\f202";
}
.fa-square-lastfm {
  --fa: "\f203";
}
.fa-lastfm-square {
  --fa: "\f203";
}
.fa-ioxhost {
  --fa: "\f208";
}
.fa-angellist {
  --fa: "\f209";
}
.fa-buysellads {
  --fa: "\f20d";
}
.fa-connectdevelop {
  --fa: "\f20e";
}
.fa-dashcube {
  --fa: "\f210";
}
.fa-forumbee {
  --fa: "\f211";
}
.fa-leanpub {
  --fa: "\f212";
}
.fa-sellsy {
  --fa: "\f213";
}
.fa-shirtsinbulk {
  --fa: "\f214";
}
.fa-simplybuilt {
  --fa: "\f215";
}
.fa-skyatlas {
  --fa: "\f216";
}
.fa-pinterest-p {
  --fa: "\f231";
}
.fa-whatsapp {
  --fa: "\f232";
}
.fa-viacoin {
  --fa: "\f237";
}
.fa-medium {
  --fa: "\f23a";
}
.fa-medium-m {
  --fa: "\f23a";
}
.fa-y-combinator {
  --fa: "\f23b";
}
.fa-optin-monster {
  --fa: "\f23c";
}
.fa-opencart {
  --fa: "\f23d";
}
.fa-expeditedssl {
  --fa: "\f23e";
}
.fa-cc-jcb {
  --fa: "\f24b";
}
.fa-cc-diners-club {
  --fa: "\f24c";
}
.fa-creative-commons {
  --fa: "\f25e";
}
.fa-gg {
  --fa: "\f260";
}
.fa-gg-circle {
  --fa: "\f261";
}
.fa-odnoklassniki {
  --fa: "\f263";
}
.fa-square-odnoklassniki {
  --fa: "\f264";
}
.fa-odnoklassniki-square {
  --fa: "\f264";
}
.fa-get-pocket {
  --fa: "\f265";
}
.fa-wikipedia-w {
  --fa: "\f266";
}
.fa-safari {
  --fa: "\f267";
}
.fa-chrome {
  --fa: "\f268";
}
.fa-firefox {
  --fa: "\f269";
}
.fa-opera {
  --fa: "\f26a";
}
.fa-internet-explorer {
  --fa: "\f26b";
}
.fa-contao {
  --fa: "\f26d";
}
.fa-500px {
  --fa: "\f26e";
}
.fa-amazon {
  --fa: "\f270";
}
.fa-houzz {
  --fa: "\f27c";
}
.fa-vimeo-v {
  --fa: "\f27d";
}
.fa-black-tie {
  --fa: "\f27e";
}
.fa-fonticons {
  --fa: "\f280";
}
.fa-reddit-alien {
  --fa: "\f281";
}
.fa-edge {
  --fa: "\f282";
}
.fa-codiepie {
  --fa: "\f284";
}
.fa-modx {
  --fa: "\f285";
}
.fa-fort-awesome {
  --fa: "\f286";
}
.fa-usb {
  --fa: "\f287";
}
.fa-product-hunt {
  --fa: "\f288";
}
.fa-mixcloud {
  --fa: "\f289";
}
.fa-scribd {
  --fa: "\f28a";
}
.fa-bluetooth {
  --fa: "\f293";
}
.fa-bluetooth-b {
  --fa: "\f294";
}
.fa-gitlab {
  --fa: "\f296";
}
.fa-wpbeginner {
  --fa: "\f297";
}
.fa-wpforms {
  --fa: "\f298";
}
.fa-envira {
  --fa: "\f299";
}
.fa-glide {
  --fa: "\f2a5";
}
.fa-glide-g {
  --fa: "\f2a6";
}
.fa-viadeo {
  --fa: "\f2a9";
}
.fa-square-viadeo {
  --fa: "\f2aa";
}
.fa-viadeo-square {
  --fa: "\f2aa";
}
.fa-snapchat {
  --fa: "\f2ab";
}
.fa-snapchat-ghost {
  --fa: "\f2ab";
}
.fa-square-snapchat {
  --fa: "\f2ad";
}
.fa-snapchat-square {
  --fa: "\f2ad";
}
.fa-pied-piper {
  --fa: "\f2ae";
}
.fa-first-order {
  --fa: "\f2b0";
}
.fa-yoast {
  --fa: "\f2b1";
}
.fa-themeisle {
  --fa: "\f2b2";
}
.fa-google-plus {
  --fa: "\f2b3";
}
.fa-font-awesome {
  --fa: "\f2b4";
}
.fa-font-awesome-flag {
  --fa: "\f2b4";
}
.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}
.fa-linode {
  --fa: "\f2b8";
}
.fa-quora {
  --fa: "\f2c4";
}
.fa-free-code-camp {
  --fa: "\f2c5";
}
.fa-telegram {
  --fa: "\f2c6";
}
.fa-telegram-plane {
  --fa: "\f2c6";
}
.fa-bandcamp {
  --fa: "\f2d5";
}
.fa-grav {
  --fa: "\f2d6";
}
.fa-etsy {
  --fa: "\f2d7";
}
.fa-imdb {
  --fa: "\f2d8";
}
.fa-ravelry {
  --fa: "\f2d9";
}
.fa-sellcast {
  --fa: "\f2da";
}
.fa-superpowers {
  --fa: "\f2dd";
}
.fa-wpexplorer {
  --fa: "\f2de";
}
.fa-meetup {
  --fa: "\f2e0";
}
.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}
.fa-font-awesome-alt {
  --fa: "\f35c";
}
.fa-accessible-icon {
  --fa: "\f368";
}
.fa-accusoft {
  --fa: "\f369";
}
.fa-adversal {
  --fa: "\f36a";
}
.fa-affiliatetheme {
  --fa: "\f36b";
}
.fa-algolia {
  --fa: "\f36c";
}
.fa-amilia {
  --fa: "\f36d";
}
.fa-angrycreative {
  --fa: "\f36e";
}
.fa-app-store {
  --fa: "\f36f";
}
.fa-app-store-ios {
  --fa: "\f370";
}
.fa-apper {
  --fa: "\f371";
}
.fa-asymmetrik {
  --fa: "\f372";
}
.fa-audible {
  --fa: "\f373";
}
.fa-avianex {
  --fa: "\f374";
}
.fa-aws {
  --fa: "\f375";
}
.fa-bimobject {
  --fa: "\f378";
}
.fa-bitcoin {
  --fa: "\f379";
}
.fa-bity {
  --fa: "\f37a";
}
.fa-blackberry {
  --fa: "\f37b";
}
.fa-blogger {
  --fa: "\f37c";
}
.fa-blogger-b {
  --fa: "\f37d";
}
.fa-buromobelexperte {
  --fa: "\f37f";
}
.fa-centercode {
  --fa: "\f380";
}
.fa-cloudscale {
  --fa: "\f383";
}
.fa-cloudsmith {
  --fa: "\f384";
}
.fa-cloudversify {
  --fa: "\f385";
}
.fa-cpanel {
  --fa: "\f388";
}
.fa-css3-alt {
  --fa: "\f38b";
}
.fa-cuttlefish {
  --fa: "\f38c";
}
.fa-d-and-d {
  --fa: "\f38d";
}
.fa-deploydog {
  --fa: "\f38e";
}
.fa-deskpro {
  --fa: "\f38f";
}
.fa-digital-ocean {
  --fa: "\f391";
}
.fa-discord {
  --fa: "\f392";
}
.fa-discourse {
  --fa: "\f393";
}
.fa-dochub {
  --fa: "\f394";
}
.fa-docker {
  --fa: "\f395";
}
.fa-draft2digital {
  --fa: "\f396";
}
.fa-square-dribbble {
  --fa: "\f397";
}
.fa-dribbble-square {
  --fa: "\f397";
}
.fa-dyalog {
  --fa: "\f399";
}
.fa-earlybirds {
  --fa: "\f39a";
}
.fa-erlang {
  --fa: "\f39d";
}
.fa-facebook-f {
  --fa: "\f39e";
}
.fa-facebook-messenger {
  --fa: "\f39f";
}
.fa-firstdraft {
  --fa: "\f3a1";
}
.fa-fonticons-fi {
  --fa: "\f3a2";
}
.fa-fort-awesome-alt {
  --fa: "\f3a3";
}
.fa-freebsd {
  --fa: "\f3a4";
}
.fa-gitkraken {
  --fa: "\f3a6";
}
.fa-gofore {
  --fa: "\f3a7";
}
.fa-goodreads {
  --fa: "\f3a8";
}
.fa-goodreads-g {
  --fa: "\f3a9";
}
.fa-google-drive {
  --fa: "\f3aa";
}
.fa-google-play {
  --fa: "\f3ab";
}
.fa-gripfire {
  --fa: "\f3ac";
}
.fa-grunt {
  --fa: "\f3ad";
}
.fa-gulp {
  --fa: "\f3ae";
}
.fa-square-hacker-news {
  --fa: "\f3af";
}
.fa-hacker-news-square {
  --fa: "\f3af";
}
.fa-hire-a-helper {
  --fa: "\f3b0";
}
.fa-hotjar {
  --fa: "\f3b1";
}
.fa-hubspot {
  --fa: "\f3b2";
}
.fa-itunes {
  --fa: "\f3b4";
}
.fa-itunes-note {
  --fa: "\f3b5";
}
.fa-jenkins {
  --fa: "\f3b6";
}
.fa-joget {
  --fa: "\f3b7";
}
.fa-js {
  --fa: "\f3b8";
}
.fa-square-js {
  --fa: "\f3b9";
}
.fa-js-square {
  --fa: "\f3b9";
}
.fa-keycdn {
  --fa: "\f3ba";
}
.fa-kickstarter {
  --fa: "\f3bb";
}
.fa-square-kickstarter {
  --fa: "\f3bb";
}
.fa-kickstarter-k {
  --fa: "\f3bc";
}
.fa-laravel {
  --fa: "\f3bd";
}
.fa-line {
  --fa: "\f3c0";
}
.fa-lyft {
  --fa: "\f3c3";
}
.fa-magento {
  --fa: "\f3c4";
}
.fa-medapps {
  --fa: "\f3c6";
}
.fa-medrt {
  --fa: "\f3c8";
}
.fa-microsoft {
  --fa: "\f3ca";
}
.fa-mix {
  --fa: "\f3cb";
}
.fa-mizuni {
  --fa: "\f3cc";
}
.fa-monero {
  --fa: "\f3d0";
}
.fa-napster {
  --fa: "\f3d2";
}
.fa-node-js {
  --fa: "\f3d3";
}
.fa-npm {
  --fa: "\f3d4";
}
.fa-ns8 {
  --fa: "\f3d5";
}
.fa-nutritionix {
  --fa: "\f3d6";
}
.fa-page4 {
  --fa: "\f3d7";
}
.fa-palfed {
  --fa: "\f3d8";
}
.fa-patreon {
  --fa: "\f3d9";
}
.fa-periscope {
  --fa: "\f3da";
}
.fa-phabricator {
  --fa: "\f3db";
}
.fa-phoenix-framework {
  --fa: "\f3dc";
}
.fa-playstation {
  --fa: "\f3df";
}
.fa-pushed {
  --fa: "\f3e1";
}
.fa-python {
  --fa: "\f3e2";
}
.fa-red-river {
  --fa: "\f3e3";
}
.fa-wpressr {
  --fa: "\f3e4";
}
.fa-rendact {
  --fa: "\f3e4";
}
.fa-replyd {
  --fa: "\f3e6";
}
.fa-resolving {
  --fa: "\f3e7";
}
.fa-rocketchat {
  --fa: "\f3e8";
}
.fa-rockrms {
  --fa: "\f3e9";
}
.fa-schlix {
  --fa: "\f3ea";
}
.fa-searchengin {
  --fa: "\f3eb";
}
.fa-servicestack {
  --fa: "\f3ec";
}
.fa-sistrix {
  --fa: "\f3ee";
}
.fa-speakap {
  --fa: "\f3f3";
}
.fa-staylinked {
  --fa: "\f3f5";
}
.fa-steam-symbol {
  --fa: "\f3f6";
}
.fa-sticker-mule {
  --fa: "\f3f7";
}
.fa-studiovinari {
  --fa: "\f3f8";
}
.fa-supple {
  --fa: "\f3f9";
}
.fa-uber {
  --fa: "\f402";
}
.fa-uikit {
  --fa: "\f403";
}
.fa-uniregistry {
  --fa: "\f404";
}
.fa-untappd {
  --fa: "\f405";
}
.fa-ussunnah {
  --fa: "\f407";
}
.fa-vaadin {
  --fa: "\f408";
}
.fa-viber {
  --fa: "\f409";
}
.fa-vimeo {
  --fa: "\f40a";
}
.fa-vnv {
  --fa: "\f40b";
}
.fa-square-whatsapp {
  --fa: "\f40c";
}
.fa-whatsapp-square {
  --fa: "\f40c";
}
.fa-whmcs {
  --fa: "\f40d";
}
.fa-wordpress-simple {
  --fa: "\f411";
}
.fa-xbox {
  --fa: "\f412";
}
.fa-yandex {
  --fa: "\f413";
}
.fa-yandex-international {
  --fa: "\f414";
}
.fa-apple-pay {
  --fa: "\f415";
}
.fa-cc-apple-pay {
  --fa: "\f416";
}
.fa-fly {
  --fa: "\f417";
}
.fa-node {
  --fa: "\f419";
}
.fa-osi {
  --fa: "\f41a";
}
.fa-react {
  --fa: "\f41b";
}
.fa-autoprefixer {
  --fa: "\f41c";
}
.fa-less {
  --fa: "\f41d";
}
.fa-sass {
  --fa: "\f41e";
}
.fa-vuejs {
  --fa: "\f41f";
}
.fa-angular {
  --fa: "\f420";
}
.fa-aviato {
  --fa: "\f421";
}
.fa-ember {
  --fa: "\f423";
}
.fa-gitter {
  --fa: "\f426";
}
.fa-hooli {
  --fa: "\f427";
}
.fa-strava {
  --fa: "\f428";
}
.fa-stripe {
  --fa: "\f429";
}
.fa-stripe-s {
  --fa: "\f42a";
}
.fa-typo3 {
  --fa: "\f42b";
}
.fa-amazon-pay {
  --fa: "\f42c";
}
.fa-cc-amazon-pay {
  --fa: "\f42d";
}
.fa-ethereum {
  --fa: "\f42e";
}
.fa-korvue {
  --fa: "\f42f";
}
.fa-elementor {
  --fa: "\f430";
}
.fa-square-youtube {
  --fa: "\f431";
}
.fa-youtube-square {
  --fa: "\f431";
}
.fa-flipboard {
  --fa: "\f44d";
}
.fa-hips {
  --fa: "\f452";
}
.fa-php {
  --fa: "\f457";
}
.fa-quinscape {
  --fa: "\f459";
}
.fa-readme {
  --fa: "\f4d5";
}
.fa-java {
  --fa: "\f4e4";
}
.fa-pied-piper-hat {
  --fa: "\f4e5";
}
.fa-creative-commons-by {
  --fa: "\f4e7";
}
.fa-creative-commons-nc {
  --fa: "\f4e8";
}
.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}
.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}
.fa-creative-commons-nd {
  --fa: "\f4eb";
}
.fa-creative-commons-pd {
  --fa: "\f4ec";
}
.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}
.fa-creative-commons-remix {
  --fa: "\f4ee";
}
.fa-creative-commons-sa {
  --fa: "\f4ef";
}
.fa-creative-commons-sampling {
  --fa: "\f4f0";
}
.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}
.fa-creative-commons-share {
  --fa: "\f4f2";
}
.fa-creative-commons-zero {
  --fa: "\f4f3";
}
.fa-ebay {
  --fa: "\f4f4";
}
.fa-keybase {
  --fa: "\f4f5";
}
.fa-mastodon {
  --fa: "\f4f6";
}
.fa-r-project {
  --fa: "\f4f7";
}
.fa-researchgate {
  --fa: "\f4f8";
}
.fa-teamspeak {
  --fa: "\f4f9";
}
.fa-first-order-alt {
  --fa: "\f50a";
}
.fa-fulcrum {
  --fa: "\f50b";
}
.fa-galactic-republic {
  --fa: "\f50c";
}
.fa-galactic-senate {
  --fa: "\f50d";
}
.fa-jedi-order {
  --fa: "\f50e";
}
.fa-mandalorian {
  --fa: "\f50f";
}
.fa-old-republic {
  --fa: "\f510";
}
.fa-phoenix-squadron {
  --fa: "\f511";
}
.fa-sith {
  --fa: "\f512";
}
.fa-trade-federation {
  --fa: "\f513";
}
.fa-wolf-pack-battalion {
  --fa: "\f514";
}
.fa-hornbill {
  --fa: "\f592";
}
.fa-mailchimp {
  --fa: "\f59e";
}
.fa-megaport {
  --fa: "\f5a3";
}
.fa-nimblr {
  --fa: "\f5a8";
}
.fa-rev {
  --fa: "\f5b2";
}
.fa-shopware {
  --fa: "\f5b5";
}
.fa-squarespace {
  --fa: "\f5be";
}
.fa-themeco {
  --fa: "\f5c6";
}
.fa-weebly {
  --fa: "\f5cc";
}
.fa-wix {
  --fa: "\f5cf";
}
.fa-ello {
  --fa: "\f5f1";
}
.fa-hackerrank {
  --fa: "\f5f7";
}
.fa-kaggle {
  --fa: "\f5fa";
}
.fa-markdown {
  --fa: "\f60f";
}
.fa-neos {
  --fa: "\f612";
}
.fa-zhihu {
  --fa: "\f63f";
}
.fa-alipay {
  --fa: "\f642";
}
.fa-the-red-yeti {
  --fa: "\f69d";
}
.fa-critical-role {
  --fa: "\f6c9";
}
.fa-d-and-d-beyond {
  --fa: "\f6ca";
}
.fa-dev {
  --fa: "\f6cc";
}
.fa-fantasy-flight-games {
  --fa: "\f6dc";
}
.fa-wizards-of-the-coast {
  --fa: "\f730";
}
.fa-think-peaks {
  --fa: "\f731";
}
.fa-reacteurope {
  --fa: "\f75d";
}
.fa-artstation {
  --fa: "\f77a";
}
.fa-atlassian {
  --fa: "\f77b";
}
.fa-canadian-maple-leaf {
  --fa: "\f785";
}
.fa-centos {
  --fa: "\f789";
}
.fa-confluence {
  --fa: "\f78d";
}
.fa-dhl {
  --fa: "\f790";
}
.fa-diaspora {
  --fa: "\f791";
}
.fa-fedex {
  --fa: "\f797";
}
.fa-fedora {
  --fa: "\f798";
}
.fa-figma {
  --fa: "\f799";
}
.fa-intercom {
  --fa: "\f7af";
}
.fa-invision {
  --fa: "\f7b0";
}
.fa-jira {
  --fa: "\f7b1";
}
.fa-mendeley {
  --fa: "\f7b3";
}
.fa-raspberry-pi {
  --fa: "\f7bb";
}
.fa-redhat {
  --fa: "\f7bc";
}
.fa-sketch {
  --fa: "\f7c6";
}
.fa-sourcetree {
  --fa: "\f7d3";
}
.fa-suse {
  --fa: "\f7d6";
}
.fa-ubuntu {
  --fa: "\f7df";
}
.fa-ups {
  --fa: "\f7e0";
}
.fa-usps {
  --fa: "\f7e1";
}
.fa-yarn {
  --fa: "\f7e3";
}
.fa-airbnb {
  --fa: "\f834";
}
.fa-battle-net {
  --fa: "\f835";
}
.fa-bootstrap {
  --fa: "\f836";
}
.fa-buffer {
  --fa: "\f837";
}
.fa-chromecast {
  --fa: "\f838";
}
.fa-evernote {
  --fa: "\f839";
}
.fa-itch-io {
  --fa: "\f83a";
}
.fa-salesforce {
  --fa: "\f83b";
}
.fa-speaker-deck {
  --fa: "\f83c";
}
.fa-symfony {
  --fa: "\f83d";
}
.fa-waze {
  --fa: "\f83f";
}
.fa-yammer {
  --fa: "\f840";
}
.fa-git-alt {
  --fa: "\f841";
}
.fa-stackpath {
  --fa: "\f842";
}
.fa-cotton-bureau {
  --fa: "\f89e";
}
.fa-buy-n-large {
  --fa: "\f8a6";
}
.fa-mdb {
  --fa: "\f8ca";
}
.fa-orcid {
  --fa: "\f8d2";
}
.fa-swift {
  --fa: "\f8e1";
}
.fa-umbraco {
  --fa: "\f8e8";
}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: "Font Awesome 7 Free";
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2");
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}
.fa-classic {
  --fa-family: var(--fa-family-classic);
}
.fa-regular {
  --fa-style: 400;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(99 102 241 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(99 102 241 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: Monaco, Menlo, Consolas, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #94a3b8; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #94a3b8; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 320px) {
  .\!container {
    max-width: 320px !important;
  }
  .container {
    max-width: 320px;
  }
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5 {
  bottom: -0.125rem;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.-top-2 {
  top: -0.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-7 {
  left: 1.75rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-full {
  top: 100%;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-8 {
  margin-left: -2rem;
}
.-mt-\[4\.9rem\] {
  margin-top: -4.9rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-32 {
  margin-top: 8rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.aspect-\[335\/376\] {
  aspect-ratio: 335/376;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-96 {
  height: 24rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-96 {
  width: 24rem;
}
.w-\[448px\] {
  width: 448px;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[335px\] {
  max-width: 335px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-28 {
  gap: 7rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 12px;
}
.rounded-md {
  border-radius: 8px;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 16px;
}
.rounded-b-lg {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-t-lg {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.rounded-bl-lg {
  border-bottom-left-radius: 12px;
}
.rounded-br-lg {
  border-bottom-right-radius: 12px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-accent-400 {
  --tw-border-opacity: 1;
  border-color: rgb(249 112 102 / var(--tw-border-opacity, 1));
}
.border-accent-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.border-cyan-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-error\/20 {
  border-color: rgb(239 68 68 / 0.2);
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.border-pink-600 {
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72 / var(--tw-border-opacity, 1));
}
.border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-primary-600\/20 {
  border-color: rgb(79 70 229 / 0.2);
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-purple-600\/20 {
  border-color: rgb(79 70 229 / 0.2);
}
.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.border-secondary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-secondary-500\/20 {
  border-color: rgb(6 182 212 / 0.2);
}
.border-secondary-600 {
  --tw-border-opacity: 1;
  border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.border-secondary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}
.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-success\/20 {
  border-color: rgb(16 185 129 / 0.2);
}
.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-warning\/20 {
  border-color: rgb(245 158 11 / 0.2);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-l-primary-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-l-purple-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-l-secondary-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-l-success {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-l-warning {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-t-blue-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-t-primary-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-t-purple-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-t-secondary-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-t-success {
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-opacity-30 {
  --tw-border-opacity: 0.3;
}
.bg-accent-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 253 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-error {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-error\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-primary-600\/10 {
  background-color: rgb(79 70 229 / 0.1);
}
.bg-primary-600\/20 {
  background-color: rgb(79 70 229 / 0.2);
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-purple-600\/10 {
  background-color: rgb(79 70 229 / 0.1);
}
.bg-purple-600\/20 {
  background-color: rgb(79 70 229 / 0.2);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-secondary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-secondary-500\/10 {
  background-color: rgb(6 182 212 / 0.1);
}
.bg-secondary-500\/20 {
  background-color: rgb(6 182 212 / 0.2);
}
.bg-secondary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 253 / var(--tw-bg-opacity, 1));
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-success\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-success\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 253 / var(--tw-bg-opacity, 1));
}
.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-warning\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-warning\/20 {
  background-color: rgb(245 158 11 / 0.2);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-opacity-0 {
  --tw-bg-opacity: 0;
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-accent-400 {
  --tw-gradient-from: #f97066 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 112 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600 {
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600\/10 {
  --tw-gradient-from: rgb(217 119 6 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40 {
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/50 {
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #f0f4ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #4F46E5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-800 {
  --tw-gradient-from: #3730a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-50 {
  --tw-gradient-from: #ecfdfd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-error {
  --tw-gradient-from: #EF4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-error\/10 {
  --tw-gradient-from: rgb(239 68 68 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-50 {
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200 {
  --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-500 {
  --tw-gradient-from: #64748b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-800 {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600\/10 {
  --tw-gradient-from: rgb(22 163 74 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-700 {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50 {
  --tw-gradient-from: #f0f4ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-info {
  --tw-gradient-from: #3B82F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-600 {
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-50 {
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500 {
  --tw-gradient-from: #F43F5E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500 {
  --tw-gradient-from: #6366F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-600 {
  --tw-gradient-from: #4F46E5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-600\/10 {
  --tw-gradient-from: rgb(79 70 229 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-800 {
  --tw-gradient-from: #3730a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50 {
  --tw-gradient-from: #f0f4ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
  --tw-gradient-from: #6366F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #4F46E5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/10 {
  --tw-gradient-from: rgb(79 70 229 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-800 {
  --tw-gradient-from: #3730a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-700 {
  --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-600 {
  --tw-gradient-from: #0891B2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-700 {
  --tw-gradient-from: #0e7490 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-700\/10 {
  --tw-gradient-from: rgb(14 116 144 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-50 {
  --tw-gradient-from: #ecfdfd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-50 {
  --tw-gradient-from: #ecfdfd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-50 {
  --tw-gradient-from: #f0f4ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-5\% {
  --tw-gradient-from-position: 5%;
}
.via-accent-500 {
  --tw-gradient-to: rgb(244 63 94 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #F43F5E var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400 {
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-600 {
  --tw-gradient-to: rgb(217 119 6 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600 {
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4F46E5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-700 {
  --tw-gradient-to: rgb(67 56 202 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-error {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #EF4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-700 {
  --tw-gradient-to: rgb(51 65 85 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-600 {
  --tw-gradient-to: rgb(22 163 74 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #16a34a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-info {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3B82F6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-400 {
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-600 {
  --tw-gradient-to: rgb(217 119 6 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-400 {
  --tw-gradient-to: rgb(129 140 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-600 {
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4F46E5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500 {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366F1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4F46E5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-600 {
  --tw-gradient-to: rgb(220 38 38 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-secondary-600 {
  --tw-gradient-to: rgb(8 145 178 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0891B2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[3B82F6\] {
  --tw-gradient-to: 3B82F6 var(--tw-gradient-to-position);
}
.to-accent-500 {
  --tw-gradient-to: #F43F5E var(--tw-gradient-to-position);
}
.to-amber-300 {
  --tw-gradient-to: #fcd34d var(--tw-gradient-to-position);
}
.to-amber-400 {
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}
.to-amber-50 {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-amber-700 {
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}
.to-amber-700\/5 {
  --tw-gradient-to: rgb(51 65 85 / 0.05) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-blue-50 {
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #4F46E5 var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-blue-800 {
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-cyan-100 {
  --tw-gradient-to: #cffafe var(--tw-gradient-to-position);
}
.to-cyan-50 {
  --tw-gradient-to: #ecfdfd var(--tw-gradient-to-position);
}
.to-emerald-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-emerald-50 {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}
.to-error {
  --tw-gradient-to: #EF4444 var(--tw-gradient-to-position);
}
.to-error\/5 {
  --tw-gradient-to: rgb(239 68 68 / 0.05) var(--tw-gradient-to-position);
}
.to-fuchsia-100 {
  --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-gray-300 {
  --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position);
}
.to-gray-600 {
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.to-gray-800 {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-400 {
  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
}
.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-green-700 {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.to-green-700\/5 {
  --tw-gradient-to: rgb(21 128 61 / 0.05) var(--tw-gradient-to-position);
}
.to-indigo-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-50 {
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}
.to-info {
  --tw-gradient-to: #3B82F6 var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
}
.to-orange-400 {
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}
.to-orange-50 {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
}
.to-orange-700 {
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}
.to-pink-100 {
  --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position);
}
.to-pink-50 {
  --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #F43F5E var(--tw-gradient-to-position);
}
.to-pink-600 {
  --tw-gradient-to: #E11D48 var(--tw-gradient-to-position);
}
.to-primary-300 {
  --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position);
}
.to-primary-500 {
  --tw-gradient-to: #6366F1 var(--tw-gradient-to-position);
}
.to-primary-600 {
  --tw-gradient-to: #4F46E5 var(--tw-gradient-to-position);
}
.to-primary-600\/5 {
  --tw-gradient-to: rgb(79 70 229 / 0.05) var(--tw-gradient-to-position);
}
.to-primary-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-primary-800 {
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-purple-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #6366F1 var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #4F46E5 var(--tw-gradient-to-position);
}
.to-purple-600\/5 {
  --tw-gradient-to: rgb(79 70 229 / 0.05) var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-purple-800 {
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-red-100 {
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-red-900 {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}
.to-secondary-300 {
  --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position);
}
.to-secondary-600 {
  --tw-gradient-to: #0891B2 var(--tw-gradient-to-position);
}
.to-secondary-700 {
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
}
.to-secondary-700\/5 {
  --tw-gradient-to: rgb(14 116 144 / 0.05) var(--tw-gradient-to-position);
}
.to-sky-100 {
  --tw-gradient-to: #cffafe var(--tw-gradient-to-position);
}
.to-teal-100 {
  --tw-gradient-to: #cffafe var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0891B2 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-100 {
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-yellow-100 {
  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
}
.fill-white {
  fill: #ffffff;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: Monaco, Menlo, Consolas, monospace;
}
.font-sans {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
}
.text-2xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-3xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-4xl {
  font-size: 3rem;
  line-height: 1.25;
}
.text-5xl {
  font-size: 3.75rem;
  line-height: 1.1;
}
.text-6xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[160px\] {
  font-size: 160px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[var\(--color-gray-700\)\] {
  color: var(--color-gray-700);
}
.text-\[var\(--color-gray-800\)\] {
  color: var(--color-gray-800);
}
.text-accent-400 {
  --tw-text-opacity: 1;
  color: rgb(249 112 102 / var(--tw-text-opacity, 1));
}
.text-accent-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-cyan-100 {
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}
.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-error {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-info {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-pink-100 {
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-secondary-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-secondary-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-secondary-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-teal-100 {
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}
.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-warning {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-amber-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-primary-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-300 {
  transition-delay: 300ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#nprogress .bar {
  height: 6px !important;
  background: var(--gradient-primary) !important;
  box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary) !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary) !important;
}
#nprogress .spinner {
  display: block !important;
}
#nprogress .spinner-icon {
  width: 24px !important;
  height: 24px !important;
  border: 3px solid transparent !important;
  border-top-color: var(--color-primary) !important;
  border-left-color: var(--color-primary) !important;
}
:root {
  --primary-color: var(--color-primary-500);
  --secondary-color: var(--color-secondary-500);
  --dark-color: var(--color-slate-900);
  --accent-color: var(--color-accent-500);
  --light-color: var(--color-slate-50);
  --white-color: var(--color-white);
  --success-color: var(--color-success);
  --info-color: var(--color-info);
  --warning-color: var(--color-warning);
  --danger-color: var(--color-error);
  --light-brown: var(--color-primary-100);
  --medium-brown: var(--color-slate-400);
  --deep-blue: var(--color-primary-900);
  --soft-blue: var(--color-blue-300);
  --burgundy-dark: var(--color-pink-800);
  --burgundy-light: var(--color-accent-200);
  --font-dark-bg: var(--color-slate-100);
  --font-dark-bg-alt: var(--color-secondary-400);
  --font-dark-bg-accent: var(--color-white);
  --font-light-bg: var(--color-gray-900);
  --font-light-bg-alt: var(--color-slate-900);
  --border-color: var(--color-slate-400);
  --text-light: var(--color-blue-300);
  --overlay-bg: rgb(var(--color-gray-900-rgb) / 0.15);
  --shadow: 0 2px 8px rgb(var(--color-gray-900-rgb) / 0.15);
  --shadow-soft: 0 2px 8px rgb(var(--color-gray-900-rgb) / 0.08);
  --shadow-medium: 0 4px 16px rgb(var(--color-gray-900-rgb) / 0.12);
  --shadow-strong: 0 8px 24px rgb(var(--color-gray-900-rgb) / 0.18);
  --shadow-hover: 0 6px 20px rgb(var(--color-pink-900-rgb) / 0.15);
  --shadow-inset: inset 0 2px 4px rgb(var(--color-gray-900-rgb) / 0.1);
  --border-radius: 8px;
  --border-radius-small: 4px;
  --border-radius-large: 12px;
  --solid-primary: var(--primary-color);
  --solid-secondary: var(--secondary-color);
  --solid-accent: var(--accent-color);
  --solid-warm: var(--warning-color);
  --solid-cool: var(--info-color);
  --solid-hero: var(--dark-color);
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 767px;
  --breakpoint-laptop: 1199px;
  --breakpoint-desktop: 1200px;
  --font-h1: clamp(1.75rem, 5vw, 3.5rem);
  --font-h2: clamp(1.5rem, 4vw, 2.5rem);
  --font-h3: clamp(1.25rem, 3vw, 2rem);
  --font-h4: clamp(1.1rem, 2.5vw, 1.5rem);
  --font-body: clamp(0.875rem, 2.5vw, 1.1rem);
  --font-small: clamp(0.75rem, 2vw, 0.9rem);
  --font-tiny: clamp(0.6rem, 1.5vw, 0.75rem);
  --spacing-xs: clamp(0.25rem, 1vw, 0.5rem);
  --spacing-sm: clamp(0.5rem, 2vw, 1rem);
  --spacing-md: clamp(1rem, 3vw, 2rem);
  --spacing-lg: clamp(2rem, 5vw, 4rem);
  --spacing-xl: clamp(3rem, 8vw, 6rem);
  --container-mobile: calc(100vw - 2rem);
  --container-tablet: calc(100vw - 4rem);
  --container-laptop: 1024px;
  --container-desktop: 1200px;
  --container-wide: 1400px;
  --mobile-padding: var(--spacing-sm);
  --tablet-padding: var(--spacing-md);
  --desktop-padding: var(--spacing-lg);
  --mobile-margin: var(--spacing-xs);
  --tablet-margin: var(--spacing-sm);
  --desktop-margin: var(--spacing-md);
  --container-mobile-max: var(--container-mobile);
  --container-tablet-max: var(--container-tablet);
  --container-desktop-max: var(--container-desktop);
}
/* Global Reset */
body, html {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}
.welcome-container {
  width: 100%;
  overflow: hidden;
}
body {
  padding: 20px;
  font-family: "BlinkMacSystemFont", -apple-system, "Segoe UI", "Roboto", sans-serif;
  color: var(--font-light-bg);
  background-color: var(--light-color);
}
.container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
}
.media-responsive-card {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  background: var(--white-color);
  border: 1px solid var(--border-color);
}
.path-visualization {
  border: 2px solid var(--color-primary-500);
  border-radius: 6px;
  padding: 1rem;
}
.button.is-voyager-primary {
  background: var(--primary-blue) !important;
  color: var(--gold-text) !important;
  border: 2px solid var(--primary-blue) !important;
}
.button.is-voyager-primary:hover {
  background: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.button.is-voyager-primary:active {
  background: var(--primary-blue-active) !important;
}
.button.is-voyager-secondary {
  background: var(--primary-blue) !important;
  color: var(--gold-text) !important;
  border: 2px solid var(--primary-blue) !important;
}
.button.is-voyager-secondary:hover {
  background: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.button.is-voyager-secondary:active {
  background: var(--primary-blue-active) !important;
}
.button.is-voyager-dark {
  background-color: var(--color-slate-900);
  color: var(--font-dark-bg-alt);
  border: none;
}
.button.is-voyager-dark:hover {
  background-color: var(--color-slate-700);
}
.button {
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-soft) !important;
  border: 1px solid rgb(var(--color-black-rgb)/0.1) !important;
  transition: all 0.2s ease !important;
  font-weight: 600 !important;
}
.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-hover) !important;
}
.button:active {
  transform: translateY(0) !important;
  box-shadow: var(--shadow-inset), var(--shadow-soft) !important;
}
.button.is-primary {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
.button.is-primary:hover {
  background: var(--primary-blue-hover) !important;
  border-color: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.button.is-secondary {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
.button.is-secondary:hover {
  background: var(--primary-blue-hover) !important;
  border-color: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.button.is-accent {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
.button.is-accent:hover {
  background: var(--primary-blue-hover) !important;
  border-color: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.button.is-dark {
  background: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  color: var(--gold-text) !important;
}
.button.is-dark:hover {
  background: var(--primary-blue-hover) !important;
  border-color: var(--primary-blue-hover) !important;
  color: var(--gold-text-hover) !important;
}
.card {
  border-radius: var(--border-radius-large) !important;
  box-shadow: var(--shadow-medium) !important;
  border: 1px solid var(--border-color) !important;
  background: var(--white-color) !important;
  color: var(--font-light-bg) !important;
  transition: all 0.3s ease !important;
}
.card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-strong) !important;
  border-color: var(--accent-color) !important;
}
.card .card-header {
  background: var(--gray-50) !important;
  color: var(--font-light-bg) !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: var(--border-radius-large) var(--border-radius-large) 0 0 !important;
}
.card .card-content {
  color: var(--font-light-bg) !important;
}
.input, .textarea, .select select {
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-inset) !important;
  border: 2px solid var(--border-color) !important;
  background: var(--white-color) !important;
  color: var(--font-light-bg) !important;
  transition: all 0.2s ease !important;
}
.input:focus, .textarea:focus, .select select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: var(--shadow-inset), 0 0 0 3px rgb(var(--color-amber-800-rgb)/0.2) !important;
}
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
  color: var(--text-light) !important;
}
.input::placeholder, .textarea::placeholder, .select select::placeholder {
  color: var(--text-light) !important;
}
.navbar {
  background: var(--white) !important;
  box-shadow: var(--shadow-medium) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--font-light-bg) !important;
}
.navbar .navbar-item, .navbar .navbar-link {
  border-radius: var(--border-radius-small) !important;
  transition: all 0.2s ease !important;
  color: var(--font-light-bg) !important;
}
.navbar .navbar-item:hover, .navbar .navbar-link:hover {
  background: var(--primary-blue) !important;
  color: var(--gold-text) !important;
  transform: translateY(-1px) !important;
}
.navbar .navbar-brand .navbar-item {
  color: var(--font-light-bg-alt) !important;
  font-weight: 700 !important;
}
.voyager-card {
  background: var(--color-primary-500);
}
.voyager-card:hover {
  background: var(--color-primary-700);
}
.voyager-card:active {
  background: var(--color-primary-900);
}
.premium-knowledge-card {
  background: var(--white) !important;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-soft);
  transition: all 0.3s ease;
  color: var(--font-light-bg);
}
.premium-knowledge-card:hover {
  box-shadow: var(--shadow-medium);
  transform: translateY(-2px);
  border-color: var(--accent-color);
}
.premium-knowledge-card .premium-knowledge-icon {
  color: var(--primary-blue) !important;
  animation: shimmer 3s ease-in-out infinite;
}
.premium-suggestions-section {
  margin-bottom: 2rem;
}
.premium-suggestions-section .title {
  color: var(--font-light-bg-alt);
  position: relative;
  padding-bottom: 0.75rem;
}
.premium-suggestions-section .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: var(--primary-blue) !important;
  border-radius: 2px;
}
.premium-suggestions-scroll {
  gap: 1rem;
}
.premium-suggestions-scroll .column {
  flex: none;
  min-width: 250px;
}
.premium-connect-btn {
  border-radius: var(--border-radius);
  background: var(--primary-blue) !important;
  border: 2px solid var(--primary-blue) !important;
  color: var(--gold-text) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: var(--shadow-soft);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.premium-connect-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgb(var(--color-white-rgb)/0.2);
  transition: left 0.5s ease;
}
.premium-connect-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium);
}
.premium-connect-btn:hover::before {
  left: 100%;
}
.premium-connect-btn:active {
  transform: translateY(-1px);
  box-shadow: var(--shadow-soft);
}
.premium-create-post-card {
  background: var(--gradient-error);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-medium);
  border-radius: var(--border-radius);
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
  color: var(--font-light-bg);
}
.premium-create-post-card:hover {
  box-shadow: var(--shadow-strong);
  transform: translateY(-2px);
}
.premium-create-post-card .premium-create-input {
  text-align: left;
  background: rgb(var(--color-amber-800-rgb)/0.05);
  border: 1px solid var(--border-color);
  border-radius: 25px;
  padding: 0.75rem 1.5rem;
  font-weight: 400;
  color: var(--font-light-bg);
  transition: all 0.3s ease;
}
.premium-create-post-card .premium-create-input:hover {
  background: rgb(var(--color-amber-800-rgb)/0.1);
  border-color: var(--primary-color);
  box-shadow: var(--shadow-soft);
}
.premium-create-post-card .premium-create-input:focus {
  background: rgb(var(--color-amber-800-rgb)/0.08);
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.125em rgb(var(--color-amber-800-rgb)/0.25);
}
.premium-action-buttons {
  margin-top: 1rem;
  justify-content: space-around;
}
.premium-action-buttons .premium-action-btn {
  border-radius: var(--border-radius);
  border: 1px solid rgb(var(--color-gray-600-rgb)/0.1);
  background: rgb(var(--color-white-rgb)/0.8);
  transition: all 0.3s ease;
  flex: 1;
  margin: 0 0.25rem;
}
.premium-action-buttons .premium-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}
.premium-action-buttons .premium-action-btn.photo-btn:hover {
  background: var(--gradient-warning);
  border-color: var(--success-color);
  color: var(--success-color);
}
.premium-action-buttons .premium-action-btn.feeling-btn:hover {
  background: var(--gradient-accent);
  border-color: var(--accent-color);
  color: var(--accent-color);
}
.premium-action-buttons .premium-action-btn.event-btn:hover {
  background: var(--gradient-light);
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.premium-action-buttons .premium-action-btn.knowledge-btn:hover {
  background: var(--gradient-primary);
  border-color: var(--info-color);
  color: var(--color-purple-600);
}
.premium-empty-state {
  background: var(--gradient-light);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 3rem 2rem;
  color: var(--font-light-bg);
}
.premium-empty-state .icon {
  color: var(--primary-color);
  opacity: 0.7;
  margin-bottom: 1rem;
}
.premium-empty-state .title {
  color: var(--font-light-bg-alt);
  margin-bottom: 0.5rem;
}
.premium-empty-state .subtitle {
  color: var(--font-light-bg);
  opacity: 0.8;
}
.premium-load-more-btn {
  background: var(--gradient-primary);
  border: none;
  border-radius: var(--border-radius);
  color: var(--font-dark-bg-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: var(--shadow-medium);
  transition: all 0.3s ease;
  margin: 2rem auto;
  position: relative;
  overflow: hidden;
}
.premium-load-more-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: var(--gradient-light);
  transition: left 0.5s ease;
}
.premium-load-more-btn:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
}
.premium-load-more-btn:hover::before {
  left: 100%;
}
.premium-load-more-btn:active {
  transform: translateY(-1px);
}
.premium-load-more-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.premium-load-more-btn:disabled:hover {
  transform: none;
  box-shadow: var(--shadow-medium);
}
.premium-story-card {
  background: var(--gradient-error);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-medium);
  border-radius: var(--border-radius);
  transition: all 0.4s ease;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
  color: var(--font-light-bg);
}
.premium-story-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradient-hero);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.premium-story-card:hover {
  box-shadow: var(--shadow-strong);
  transform: translateY(-3px);
}
.premium-story-card:hover::before {
  opacity: 1;
}
.premium-story-card:hover .premium-story-avatar-wrapper {
  transform: scale(1.05);
}
.premium-story-card .premium-story-avatar-wrapper {
  background: var(--gradient-primary);
  border-radius: 50%;
  padding: 3px;
  transition: all 0.3s ease;
  position: relative;
}
.premium-story-card .premium-story-avatar-wrapper::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: var(--gradient-accent);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.premium-story-card .premium-story-avatar-wrapper:hover::before {
  opacity: 0.3;
}
.premium-story-card .premium-story-avatar {
  border: 2px solid var(--color-white);
  box-shadow: var(--shadow-soft);
  transition: all 0.3s ease;
}
.premium-story-card .premium-location {
  margin-left: 1rem;
  color: var(--accent-color);
  font-weight: 500;
}
.premium-story-card .premium-location .icon {
  color: var(--primary-color);
}
.premium-story-card .premium-options-btn {
  border: none;
  background: transparent;
  color: var(--font-light-bg);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.premium-story-card .premium-options-btn:hover {
  background: rgb(var(--color-amber-800-rgb)/0.1);
  color: var(--primary-color);
  transform: scale(1.1);
}
.premium-story-card .premium-story-menu .dropdown-content {
  background: rgb(var(--color-white-rgb)/0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgb(var(--color-gray-600-rgb)/0.1);
  box-shadow: var(--shadow-strong);
  border-radius: var(--border-radius);
}
.premium-story-card .premium-story-menu .premium-menu-item {
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
  border-radius: 6px;
  margin: 0.25rem;
}
.premium-story-card .premium-story-menu .premium-menu-item:hover {
  background: var(--gradient-light);
  color: var(--primary-color);
  transform: translateX(5px);
}
.premium-story-card .premium-story-menu .premium-menu-item.is-danger:hover {
  background: var(--gradient-error);
  color: var(--color-error);
}
.premium-story-card .premium-story-menu .premium-menu-item .icon {
  margin-right: 0.5rem;
}
.premium-story-card .premium-story-content {
  padding: 0 1.5rem 1rem;
}
.premium-story-card .premium-story-content .premium-story-text {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--font-light-bg);
}
.premium-story-card .premium-story-content .premium-story-text p {
  margin-bottom: 1rem;
}
.premium-story-card .premium-story-content .premium-story-text strong {
  color: var(--primary-color);
  font-weight: 600;
}
.premium-story-card .premium-story-content .premium-story-text em {
  color: var(--accent-color);
  font-style: italic;
}
.premium-story-card .premium-story-content .premium-story-text a {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}
.premium-story-card .premium-story-content .premium-story-text a:hover {
  border-bottom-color: var(--primary-color);
  color: var(--secondary-color);
}
.premium-story-card .premium-story-actions {
  padding: 1rem 1.5rem;
}
.premium-story-card .premium-story-actions .premium-reaction-summary {
  margin-bottom: 1rem;
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-reaction-icons {
  display: flex;
  margin-right: 0.5rem;
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-reaction-icons .premium-reaction-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -2px;
  border: 2px solid var(--color-white);
  font-size: var(--font-size-xs);
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-reaction-icons .premium-reaction-icon.like {
  background: var(--gradient-primary);
  color: var(--color-white);
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-reaction-icons .premium-reaction-icon.love {
  background: var(--gradient-error);
  color: var(--color-white);
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-reaction-icons .premium-reaction-icon.laugh {
  background: var(--gradient-warning);
  color: var(--color-white);
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-interaction-stats span {
  margin-left: 1rem;
}
.premium-story-card .premium-story-actions .premium-reaction-summary .premium-interaction-stats span:first-child {
  margin-left: 0;
}
.premium-story-card .premium-story-actions .premium-divider {
  background: var(--gradient-light);
  border: none;
  height: 1px;
  margin: 1rem 0;
}
.premium-story-card .premium-story-actions .premium-action-buttons {
  justify-content: space-around;
}
.premium-story-card .premium-story-actions .premium-action-buttons .premium-reaction-btn {
  border: 1px solid rgb(var(--color-gray-600-rgb)/0.1);
  background: rgb(var(--color-white-rgb)/0.8);
  transition: all 0.3s ease;
  border-radius: var(--border-radius);
  flex: 1;
  margin: 0 0.25rem;
}
.premium-story-card .premium-story-actions .premium-action-buttons .premium-reaction-btn:hover {
  background: var(--gradient-light);
  border-color: var(--primary-color);
  color: var(--primary-color);
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}
.premium-story-card .premium-story-actions .premium-action-buttons .premium-reaction-btn.premium-active-reaction {
  background: var(--gradient-primary);
  color: var(--color-white);
  border-color: var(--primary-color);
  box-shadow: var(--shadow-medium);
}
.premium-story-card .premium-story-actions .premium-action-buttons .premium-reaction-btn.premium-active-reaction:hover {
  background: var(--gradient-primary);
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
}
.premium-story-card .premium-comments-section {
  background: var(--gradient-light);
  border-top: 1px solid rgb(var(--color-gray-600-rgb)/0.1);
  padding: 1.5rem;
}
.premium-story-card .premium-comments-section .premium-comment-avatar {
  border: 2px solid rgb(var(--color-gray-600-rgb)/0.2);
  box-shadow: var(--shadow-soft);
  transition: all 0.3s ease;
}
.premium-story-card .premium-comments-section .premium-comment-avatar:hover {
  border-color: var(--primary-color);
  box-shadow: var(--shadow-medium);
  transform: scale(1.05);
}
.premium-story-card .premium-comments-section .textarea {
  border: 1px solid rgb(var(--color-gray-600-rgb)/0.2);
  border-radius: var(--border-radius);
  background: rgb(var(--color-white-rgb)/0.9);
  transition: all 0.3s ease;
  resize: none;
  min-height: 80px;
}
.premium-story-card .premium-comments-section .textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.125em rgb(var(--color-gray-600-rgb)/0.25);
}
.responsive-container {
  width: 100%;
  max-width: var(--container-mobile-max);
  margin: 0 auto;
  padding-left: var(--mobile-padding);
  padding-right: var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .responsive-container {
    max-width: var(--container-tablet-max);
    padding-left: var(--tablet-padding);
    padding-right: var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-container {
    max-width: var(--container-desktop-max);
    padding-left: var(--desktop-padding);
    padding-right: var(--desktop-padding);
  }
}
.responsive-columns {
  display: flex;
  flex-direction: column;
  gap: var(--mobile-margin);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .responsive-columns {
    flex-direction: row;
    gap: var(--tablet-margin);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-columns {
    gap: var(--desktop-margin);
  }
}
.responsive-columns .column {
  flex: 1;
  width: 100%;
  padding: var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .responsive-columns .column {
    padding: var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-columns .column {
    padding: var(--desktop-padding);
  }
}
.responsive-grid {
  display: grid;
  gap: var(--mobile-margin);
  width: 100%;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
  .responsive-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--tablet-margin);
  }
}
@media screen and (min-width: 769px) {
  .responsive-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--desktop-margin);
  }
}
@media screen and (min-width: 1408px) {
  .responsive-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .responsive-nav .navbar-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    background: var(--white-color);
    box-shadow: var(--shadow-strong);
    transition: left 0.3s ease;
    z-index: 1000;
    padding: var(--mobile-padding);
  }
  .responsive-nav .navbar-menu.is-active {
    left: 0;
  }
}
.responsive-card {
  margin: var(--mobile-margin);
  padding: var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .responsive-card {
    margin: var(--tablet-margin);
    padding: var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-card {
    margin: var(--desktop-margin);
    padding: var(--desktop-padding);
  }
}
.responsive-form .field {
  margin-bottom: var(--mobile-margin);
}
@media screen and (min-width: 769px) {
  .responsive-form .field {
    margin-bottom: var(--tablet-margin);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-form .field {
    margin-bottom: var(--desktop-margin);
  }
}
.responsive-form .button {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .responsive-form .button {
    width: auto;
    min-width: 120px;
  }
}
.responsive-text.title {
  font-size: 1.75rem;
}
@media screen and (min-width: 769px) {
  .responsive-text.title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .responsive-text.title {
    font-size: 2.75rem;
  }
}
.responsive-text.subtitle {
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .responsive-text.subtitle {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .responsive-text.subtitle {
    font-size: 1.5rem;
  }
}
.responsive-section {
  padding: calc(var(--mobile-padding) * 2) var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .responsive-section {
    padding: calc(var(--tablet-padding) * 3) var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-section {
    padding: calc(var(--desktop-padding) * 3) var(--desktop-padding);
  }
}
.responsive-hero {
  padding: calc(var(--mobile-padding) * 4) var(--mobile-padding);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .responsive-hero {
    padding: calc(var(--tablet-padding) * 6) var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .responsive-hero {
    padding: calc(var(--desktop-padding) * 8) var(--desktop-padding);
  }
}
.responsive-hero .hero-body {
  padding: 0;
}
.responsive-modal .modal-card {
  width: calc(100vw - 2rem);
  max-width: 95vw;
  margin: var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .responsive-modal .modal-card {
    width: 640px;
    max-width: 90vw;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .responsive-modal .modal-card {
    width: 768px;
    max-width: 80vw;
  }
}
@media screen and (max-width: 768px) {
  .mobile-center {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .mobile-full-width {
    width: 100% !important;
  }
  .mobile-stack {
    flex-direction: column !important;
  }
  .mobile-stack > * {
    width: 100% !important;
    margin-bottom: var(--mobile-margin) !important;
  }
}
.equal-margins {
  margin-left: auto;
  margin-right: auto;
}
.equal-padding {
  padding-left: var(--mobile-padding);
  padding-right: var(--mobile-padding);
}
@media screen and (min-width: 769px) {
  .equal-padding {
    padding-left: var(--tablet-padding);
    padding-right: var(--tablet-padding);
  }
}
@media screen and (min-width: 1024px) {
  .equal-padding {
    padding-left: var(--desktop-padding);
    padding-right: var(--desktop-padding);
  }
}
.container {
  padding-left: var(--mobile-padding) !important;
  padding-right: var(--mobile-padding) !important;
}
@media screen and (min-width: 769px) {
  .container {
    padding-left: var(--tablet-padding) !important;
    padding-right: var(--tablet-padding) !important;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    padding-left: var(--desktop-padding) !important;
    padding-right: var(--desktop-padding) !important;
  }
}
.section {
  padding: var(--mobile-padding) !important;
}
@media screen and (min-width: 769px) {
  .section {
    padding: calc(var(--tablet-padding) * 2) var(--tablet-padding) !important;
  }
}
@media screen and (min-width: 1024px) {
  .section {
    padding: calc(var(--desktop-padding) * 3) var(--desktop-padding) !important;
  }
}
.columns {
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .columns {
    flex-direction: column !important;
  }
  .columns .column {
    padding: var(--mobile-padding) !important;
    width: 100% !important;
    flex: none !important;
  }
}
.hero .hero-body {
  padding: var(--mobile-padding) !important;
}
@media screen and (min-width: 769px) {
  .hero .hero-body {
    padding: calc(var(--tablet-padding) * 3) var(--tablet-padding) !important;
  }
}
@media screen and (min-width: 1024px) {
  .hero .hero-body {
    padding: calc(var(--desktop-padding) * 4) var(--desktop-padding) !important;
  }
}
@media screen and (max-width: 768px) {
  .level {
    flex-direction: column !important;
  }
  .level .level-left,
  .level .level-right {
    width: 100% !important;
    justify-content: center !important;
  }
  .level .level-item {
    margin-bottom: var(--mobile-margin) !important;
  }
}
.notification {
  margin: var(--mobile-margin) !important;
}
@media screen and (min-width: 769px) {
  .notification {
    margin: var(--tablet-margin) auto !important;
    max-width: 90% !important;
  }
}
@media screen and (min-width: 1024px) {
  .notification {
    margin: var(--desktop-margin) auto !important;
    max-width: 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
  .pagination {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .pagination .pagination-list {
    justify-content: center !important;
    margin-top: var(--mobile-margin) !important;
  }
  .tabs ul {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
  .tabs li {
    flex: none !important;
    white-space: nowrap !important;
  }
}
.message {
  margin: var(--mobile-margin) !important;
}
@media screen and (min-width: 769px) {
  .message {
    margin: var(--tablet-margin) !important;
  }
}
@media screen and (min-width: 1024px) {
  .message {
    margin: var(--desktop-margin) !important;
  }
}
.panel {
  margin: var(--mobile-margin) !important;
}
@media screen and (min-width: 769px) {
  .panel {
    margin: var(--tablet-margin) !important;
  }
}
@media screen and (min-width: 1024px) {
  .panel {
    margin: var(--desktop-margin) !important;
  }
}
.text-responsive.h1 {
  font-size: var(--font-h1);
}
.text-responsive.h2 {
  font-size: var(--font-h2);
}
.text-responsive.h3 {
  font-size: var(--font-h3);
}
.text-responsive.h4 {
  font-size: var(--font-h4);
}
.text-responsive.body {
  font-size: var(--font-body);
}
.text-responsive.small {
  font-size: var(--font-small);
}
.text-responsive.tiny {
  font-size: var(--font-tiny);
}
.container-responsive {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--container-mobile);
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .container-responsive {
    max-width: var(--container-tablet);
    padding: 0 var(--spacing-md);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .container-responsive {
    max-width: var(--container-laptop);
    padding: 0 var(--spacing-lg);
  }
}
@media screen and (min-width: 1200px) {
  .container-responsive {
    max-width: var(--container-desktop);
    padding: 0 var(--spacing-xl);
  }
}
.center-vertical {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.center-horizontal {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.spacing-responsive.xs {
  padding: var(--spacing-xs);
}
.spacing-responsive.sm {
  padding: var(--spacing-sm);
}
.spacing-responsive.md {
  padding: var(--spacing-md);
}
.spacing-responsive.lg {
  padding: var(--spacing-lg);
}
.spacing-responsive.xl {
  padding: var(--spacing-xl);
}
.margin-responsive.xs {
  margin: var(--spacing-xs);
}
.margin-responsive.sm {
  margin: var(--spacing-sm);
}
.margin-responsive.md {
  margin: var(--spacing-md);
}
.margin-responsive.lg {
  margin: var(--spacing-lg);
}
.margin-responsive.xl {
  margin: var(--spacing-xl);
}
.grid-responsive {
  display: grid;
  gap: var(--spacing-sm);
  width: 100%;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .grid-responsive {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .grid-responsive {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
  }
}
@media screen and (min-width: 1200px) {
  .grid-responsive {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }
}
.nav-responsive .nav-item {
  font-size: var(--font-body);
  padding: var(--spacing-xs) var(--spacing-sm);
  text-align: center;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .nav-responsive .nav-item {
    padding: var(--spacing-sm) var(--spacing-md);
  }
}
@media screen and (min-width: 768px) {
  .nav-responsive .nav-item {
    padding: var(--spacing-sm) var(--spacing-lg);
  }
}
.button-responsive {
  font-size: var(--font-body);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: clamp(4px, 1vw, 8px);
}
@media screen and (max-width: 480px) {
  .button-responsive {
    width: 100%;
    padding: var(--spacing-md);
  }
}
@media screen and (min-width: 481px) {
  .button-responsive {
    width: auto;
    min-width: clamp(120px, 15vw, 200px);
  }
}
.card-responsive {
  margin: var(--spacing-sm);
  padding: var(--spacing-md);
  border-radius: clamp(8px, 1.5vw, 16px);
  box-shadow: var(--shadow-soft);
}
.card-responsive .card-title {
  font-size: var(--font-h3);
  margin-bottom: var(--spacing-sm);
}
.card-responsive .card-content {
  font-size: var(--font-body);
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  .card-responsive {
    margin: var(--spacing-xs);
    padding: var(--spacing-sm);
  }
}
.form-responsive .field {
  margin-bottom: var(--spacing-md);
}
.form-responsive .input, .form-responsive .textarea, .form-responsive .select select {
  font-size: var(--font-body);
  padding: var(--spacing-sm);
  border-radius: clamp(4px, 0.5vw, 8px);
}
@media screen and (max-width: 480px) {
  .form-responsive .input, .form-responsive .textarea, .form-responsive .select select {
    padding: var(--spacing-md);
  }
}
.form-responsive .label {
  font-size: var(--font-body);
  margin-bottom: var(--spacing-xs);
}
@media screen and (min-width: 481px) {
  .mobile-only {
    display: none !important;
  }
}
.tablet-only {
  display: none !important;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .tablet-only {
    display: block !important;
  }
}
.laptop-only {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .laptop-only {
    display: block !important;
  }
}
@media screen and (max-width: 1199px) {
  .desktop-only {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .mobile-hidden {
    display: none !important;
  }
}
.skip-to-main {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 9999;
  background: var(--color-black);
  color: var(--color-white);
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
.skip-to-main:focus {
  top: 0.5rem;
  left: 0.5rem;
}
.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}
.file\:rounded-lg::file-selector-button {
  border-radius: 12px;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-primary-50::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:text-primary-700::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}
.before\:bottom-1\/2::before {
  content: var(--tw-content);
  bottom: 50%;
}
.before\:left-\[0\.4rem\]::before {
  content: var(--tw-content);
  left: 0.4rem;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:top-1\/2::before {
  content: var(--tw-content);
  top: 50%;
}
.before\:border-l::before {
  content: var(--tw-content);
  border-left-width: 1px;
}
.before\:border-gray-200::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.before\:border-pink-800::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(157 23 77 / var(--tw-border-opacity, 1));
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.focus-within\:border-blue-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus-within\:bg-blue-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.focus-within\:shadow-lg:focus-within {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-md:focus-within {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-error:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-pink-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-primary-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-purple-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-purple-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-secondary-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-success:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-warning:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.hover\:border-primary-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.hover\:border-secondary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.hover\:border-success:hover {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.hover\:bg-accent-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 112 102 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/40:hover {
  background-color: rgb(0 0 0 / 0.4);
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 253 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-error:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-error\/10:hover {
  background-color: rgb(239 68 68 / 0.1);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-600\/10:hover {
  background-color: rgb(79 70 229 / 0.1);
}
.hover\:bg-primary-600\/5:hover {
  background-color: rgb(79 70 229 / 0.05);
}
.hover\:bg-primary-600\/90:hover {
  background-color: rgb(79 70 229 / 0.9);
}
.hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 48 163 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-600\/5:hover {
  background-color: rgb(79 70 229 / 0.05);
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary-500\/10:hover {
  background-color: rgb(6 182 212 / 0.1);
}
.hover\:bg-secondary-500\/5:hover {
  background-color: rgb(6 182 212 / 0.05);
}
.hover\:bg-secondary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1));
}
.hover\:bg-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.hover\:bg-success\/5:hover {
  background-color: rgb(16 185 129 / 0.05);
}
.hover\:bg-teal-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning\/10:hover {
  background-color: rgb(245 158 11 / 0.1);
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-green-600\/5:hover {
  --tw-gradient-from: rgb(22 163 74 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-600\/90:hover {
  --tw-gradient-from: rgb(79 70 229 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-700:hover {
  --tw-gradient-from: #4338ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-800:hover {
  --tw-gradient-from: #3730a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-primary-600:hover {
  --tw-gradient-to: #4F46E5 var(--tw-gradient-to-position);
}
.hover\:to-purple-600\/90:hover {
  --tw-gradient-to: rgb(79 70 229 / 0.9) var(--tw-gradient-to-position);
}
.hover\:to-secondary-600:hover {
  --tw-gradient-to: #0891B2 var(--tw-gradient-to-position);
}
.hover\:to-transparent:hover {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.hover\:text-accent-500:hover {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-green-600:hover {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.hover\:text-info:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-secondary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.hover\:text-secondary-600:hover {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.hover\:text-secondary-700:hover {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:transition-colors:hover {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:file\:bg-primary-100::file-selector-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.focus\:border-amber-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.focus\:border-emerald-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus\:border-info:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-pink-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:border-secondary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.focus\:border-success:focus {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:border-warning:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-2:focus {
  outline-width: 2px;
}
.focus\:outline-offset-2:focus {
  outline-offset: 2px;
}
.focus\:outline-error:focus {
  outline-color: #EF4444;
}
.focus\:outline-primary-600:focus {
  outline-color: #4F46E5;
}
.focus\:outline-purple-600:focus {
  outline-color: #4F46E5;
}
.focus\:outline-red-600:focus {
  outline-color: #dc2626;
}
.focus\:outline-secondary-500:focus {
  outline-color: #06B6D4;
}
.focus\:outline-success:focus {
  outline-color: #10B981;
}
.focus\:outline-warning:focus {
  outline-color: #F59E0B;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-accent-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 112 102 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-cyan-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-cyan-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-error:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-info:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-pink-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}
.focus\:ring-secondary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.focus\:ring-success:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-teal-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.focus\:ring-violet-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-warning:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}
.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.active\:translate-y-0:active {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.hover\:disabled\:opacity-50:disabled:hover {
  opacity: 0.5;
}
.disabled\:active\:scale-100:active:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.group:hover .group-hover\:bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.group:hover .group-hover\:from-amber-200 {
  --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-orange-200 {
  --tw-gradient-to: #fde68a var(--tw-gradient-to-position);
}
.group:hover .group-hover\:text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (min-width: 640px) {
  .sm\:top-5 {
    top: 1.25rem;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .sm\:mb-12 {
    margin-bottom: 3rem;
  }
  .sm\:mb-16 {
    margin-bottom: 4rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mr-3 {
    margin-right: 0.75rem;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:mt-12 {
    margin-top: 3rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-5 {
    margin-top: 1.25rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:h-40 {
    height: 10rem;
  }
  .sm\:h-56 {
    height: 14rem;
  }
  .sm\:w-56 {
    width: 14rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-3xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-4xl {
    font-size: 3rem;
    line-height: 1.25;
  }
  .sm\:text-5xl {
    font-size: 3.75rem;
    line-height: 1.1;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:h-48 {
    height: 12rem;
  }
  .md\:h-64 {
    height: 16rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:text-2xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-3xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-4xl {
    font-size: 3rem;
    line-height: 1.25;
  }
  .md\:text-5xl {
    font-size: 3.75rem;
    line-height: 1.1;
  }
  .md\:text-6xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:-ml-px {
    margin-left: -1px;
  }
  .lg\:-mt-\[6\.6rem\] {
    margin-top: -6.6rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .lg\:mb-8 {
    margin-bottom: 2rem;
  }
  .lg\:ml-0 {
    margin-left: 0px;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mt-16 {
    margin-top: 4rem;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-auto {
    aspect-ratio: auto;
  }
  .lg\:w-\[438px\] {
    width: 438px;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-lg {
    max-width: 32rem;
  }
  .lg\:grow {
    flex-grow: 1;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .lg\:rounded-r-lg {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .lg\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .lg\:rounded-br-none {
    border-bottom-right-radius: 0px;
  }
  .lg\:rounded-tl-lg {
    border-top-left-radius: 12px;
  }
  .lg\:p-20 {
    padding: 5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .lg\:text-2xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-3xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:text-4xl {
    font-size: 3rem;
    line-height: 1.25;
  }
  .lg\:text-5xl {
    font-size: 3.75rem;
    line-height: 1.1;
  }
  .lg\:text-6xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 1280px) {
  .xl\:max-w-xl {
    max-width: 36rem;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl\:text-2xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .xl\:text-3xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .xl\:text-4xl {
    font-size: 3rem;
    line-height: 1.25;
  }
  .xl\:text-5xl {
    font-size: 3.75rem;
    line-height: 1.1;
  }
  .xl\:text-6xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .xl\:text-xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:block {
    display: block;
  }
  .dark\:hidden {
    display: none;
  }
  .dark\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  }
  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  }
  .dark\:text-\[antiquewhite\] {
    --tw-text-opacity: 1;
    color: rgb(250 235 215 / var(--tw-text-opacity, 1));
  }
  .dark\:text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }
  .dark\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
  .dark\:text-error {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
  }
  .dark\:text-orange-100 {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
  }
  .dark\:text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
  .dark\:shadow-\[inset_0px_0px_0px_1px_var\(--color-amber-50\)\] {
    --tw-shadow: inset 0px 0px 0px 1px var(--color-amber-50);
    --tw-shadow-colored: inset 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .dark\:before\:border-amber-800::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
  }
  .dark\:before\:border-gray-700::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  }
  .dark\:hover\:border-gray-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
  }
  .dark\:hover\:border-gray-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  }
  .dark\:hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  .dark\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}