:root {
  --theme-100: #dce4f1;
  --primary-100-rgb: 220, 228, 241;
  --theme-200: #bde6f3;
  --primary-200-rgb: 189, 230, 243;
  --theme-300: #90cce7;
  --primary-300-rgb: 144, 204, 231;
  --theme-400: #63b2da;
  --primary-400-rgb: 99, 178, 218;
  --theme-500: #3599ce;
  --primary-500-rgb: 53, 153, 206;
  --theme-600: #1d82ba;
  --primary-600-rgb: 29, 130, 186;
  --theme-700: #186c9b;
  --primary-700-rgb: 24, 108, 155;
  --theme-800: #145a81;
  --primary-800-rgb: 20, 90, 129;
}

.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-100-rgb), var(--tw-bg-opacity));
}

.bg-primary-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-200:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-200-rgb), var(--tw-bg-opacity));
}

.bg-primary-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-300:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-300-rgb), var(--tw-bg-opacity));
}

.bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-400:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-400-rgb), var(--tw-bg-opacity));
}

.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-500:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-500-rgb), var(--tw-bg-opacity));
}

.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-600:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-600-rgb), var(--tw-bg-opacity));
}

.bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-700:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-700-rgb), var(--tw-bg-opacity));
}

.bg-primary-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-800:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.bg-primary-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.hover\:bg-primary-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.focus\:bg-primary-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.focus-within\:bg-primary-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.dark .dark\:bg-primary-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-primary-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus\:bg-primary-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}
.dark .dark\:focus-within\:bg-primary-900:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-800-rgb), var(--tw-bg-opacity));
}

.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-50:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-50:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-50:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.border-primary-100 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-100 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-100:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-100:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-100-rgb), var(--tw-border-opacity));
}

.border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-200:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-200-rgb), var(--tw-border-opacity));
}

.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-300:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-300-rgb), var(--tw-border-opacity));
}

.border-primary-400 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-400 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-400-rgb), var(--tw-border-opacity));
}

.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-500:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-500-rgb), var(--tw-border-opacity));
}

.border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-600-rgb), var(--tw-border-opacity));
}

.border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-700:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-700-rgb), var(--tw-border-opacity));
}

.border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-800:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-800:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-800:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.border-primary-900 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.hover\:border-primary-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.focus\:border-primary-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.focus-within\:border-primary-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.dark .dark\:border-primary-900 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:hover\:border-primary-900:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus\:border-primary-900:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}
.dark .dark\:focus-within\:border-primary-900:focus-within {
  --tw-border-opacity: 1;
  border-color: rgba(var(--primary-800-rgb), var(--tw-border-opacity));
}

.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-50:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-50:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-50 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-50:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-50:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-50:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.text-primary-100 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-100:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-100:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-100 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-100:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-100:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-100:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-text-opacity));
}

.text-primary-200 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-200:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-200:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-200 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-200:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-200:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-200:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-text-opacity));
}

.text-primary-300 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-300:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-300:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-300 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-300:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-300:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-300:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-text-opacity));
}

.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-400:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-400:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-400 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-400:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-400:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-400:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-text-opacity));
}

.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-500:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-500 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-500:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-500:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-text-opacity));
}

.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-600:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-600 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-600:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-600:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-text-opacity));
}

.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-700:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-700:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-700 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-700:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-700:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-700:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-text-opacity));
}

.text-primary-800 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-800:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-800:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-800 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-800:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-800:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-800:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.text-primary-900 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.hover\:text-primary-900:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.focus\:text-primary-900:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.focus-within\:text-primary-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.dark .dark\:text-primary-900 {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:hover\:text-primary-900:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus\:text-primary-900:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}
.dark .dark\:focus-within\:text-primary-900:focus-within {
  --tw-text-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-text-opacity));
}

.placeholder-primary-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-50:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-50:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-50::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-50:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-50:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-50:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-100:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-100:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-100::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-100:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-100:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-100:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-100-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-200:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-200:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-200::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-200:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-200:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-200:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-200-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-300:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-300:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-300::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-300:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-300:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-300:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-300-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-400:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-400:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-400:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-400:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-400-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-500:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-500:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-500:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-500:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-500:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-500-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-600:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-600:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-600:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-600:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-600:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-600-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-700:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-700:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-700::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-700:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-700:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-700:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-700-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-800:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-800:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-800::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-800:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-800:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-800:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.placeholder-primary-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.hover\:placeholder-primary-900:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.focus\:placeholder-primary-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.focus-within\:placeholder-primary-900:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.dark .dark\:placeholder-primary-900::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:hover\:placeholder-primary-900:hover::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus\:placeholder-primary-900:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}
.dark .dark\:focus-within\:placeholder-primary-900:focus-within::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(var(--primary-800-rgb), var(--tw-placeholder-opacity));
}

.ring-primary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-50:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.ring-primary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-100-rgb), var(--tw-ring-opacity));
}

.ring-primary-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-200-rgb), var(--tw-ring-opacity));
}

.ring-primary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-300:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-300-rgb), var(--tw-ring-opacity));
}

.ring-primary-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-400:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-400-rgb), var(--tw-ring-opacity));
}

.ring-primary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-500-rgb), var(--tw-ring-opacity));
}

.ring-primary-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-600-rgb), var(--tw-ring-opacity));
}

.ring-primary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-700:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-700-rgb), var(--tw-ring-opacity));
}

.ring-primary-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-800:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.ring-primary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.hover\:ring-primary-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.focus\:ring-primary-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.focus-within\:ring-primary-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.dark .dark\:ring-primary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:hover\:ring-primary-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus\:ring-primary-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}
.dark .dark\:focus-within\:ring-primary-900:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-800-rgb), var(--tw-ring-opacity));
}

.dot {
  animation: pulse 1.4s infinite ease-in-out both;
}

.dot:nth-child(1) {
  animation-delay: -0.32s;
}

.dot:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes pulse {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
label.privacy a {
  color: var(--theme-600);
}
label.privacy a:hover {
  text-decoration: underline;
}

.wrapper {
  min-height: 70vh;
}
.wrapper > div {
  min-height: 70vh;
}
.wrapper > div > div {
  margin-top: auto;
  margin-bottom: auto;
}

.sidebar-container.closed {
  transform: translateX(-100%);
}

.banner {
  background-size: cover;
  background-position: center;
  min-height: 700px;
}

body.chat {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.chat chatbot-app {
  flex-grow: 1;
  min-height: 0;
}