strivui/dist/striveui.css

**StrivUI** is a modern, utility-first UI component library designed for building fast, beautiful, and accessible interfaces in **React** using both **TypeScript** and **JavaScript**.

@charset "UTF-8";
/* 📦 Default block */
body {
  font-family: sans-serif;
}

/* 📦 Button */
.default_button {
  padding: 0.5rem 1rem;
  background-color: #2563eb;
  color: white;
  border-radius: 0.375rem;
  transition: background-color 0.2s;
  cursor: pointer;
  border: none;
}

.default_button:hover {
  background-color: #1d4ed8;
}

/* 📥 Input, Select, TextArea */
.default_input,
.default_select,
.default_textarea {
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  outline: none;
}

.default_input:focus,
.default_select:focus,
.default_textarea:focus {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

/* 🔗 Link */
.default_link {
  color: #2563eb;
  text-decoration: none;
}

.default_link:hover {
  text-decoration: underline;
}

/* 🧾 Label */
.default_label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}

/* 📄 View */
.default_view {
  padding: 0.5rem;
}

/* 🧾 Text */
.default_text {
  color: #1f2937;
}

/* 🧾 Span */
.default_span {
  color: #374151;
}

/* 🏷 Headings */
.default_h1 {
  font-size: 2.25rem;
  font-weight: 700;
}

.default_h2 {
  font-size: 1.875rem;
  font-weight: 600;
}

.default_h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

.default_h4 {
  font-size: 1.25rem;
  font-weight: 500;
}

.default_h5 {
  font-size: 1.125rem;
  font-weight: 500;
}

.default_h6 {
  font-size: 1rem;
  font-weight: 500;
}

/* 📋 Table */
.default_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  text-align: left;
}

/* 🧠 Table Head */
.default_table_head {
  background-color: #f3f4f6;
  color: #4b5563;
  font-size: 0.75rem;
  text-transform: uppercase;
}

/* 📥 Table Body */
.default_table_body {
  border-top: 1px solid #e5e7eb;
}

/* 🔁 Table Row */
.default_table_row {
  transition: background-color 0.2s ease;
}

.default_table_row:hover {
  background-color: #f9fafb;
}

/* 🧩 Table Header Cell */
.default_th {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.05em;
}

/* 📦 Table Data Cell */
.default_td {
  padding: 1rem 1.5rem;
  color: #1f2937;
  white-space: nowrap;
}

/* 🧷 Header */
.default_header {
  background-color: #f3f4f6;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 1.125rem;
  font-weight: 600;
}

/* 🧭 Navigation */
.default_nav {
  background-color: #e5e7eb;
  padding: 1rem;
  border-bottom: 1px solid #d1d5db;
  font-size: 0.875rem;
}

/* 🧱 Section */
.default_section {
  padding: 1.5rem 1rem;
  background-color: white;
  border-radius: 0.375rem;
  margin: 1rem 0;
}

/* 📄 Main */
.default_main {
  padding: 1.5rem;
  background-color: #f9fafb;
  flex: 1;
}

/* 🦶 Footer */
.default_footer {
  background-color: #f9fafb;
  padding: 1rem;
  text-align: center;
  font-size: 0.75rem;
  color: #6b7280;
  border-top: 1px solid #e5e7eb;
}

/* 🧊 Container */
.default_container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1rem;
}

/* 💳 Card */
.default_card {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 1rem;
}

/* 🔘 Pressable */
.default_pressable {
  cursor: pointer;
}

/* 🎠 ScrollView */
.default_scrollview {
  overflow: auto;
}

/* 🖼️ Image */
.default_image {
  object-fit: contain;
}

/* ⏳ Activity Indicator */
.default_activity_indicator {
  width: 1.5rem;
  height: 1.5rem;
  border: 4px solid #d1d5db;
  border-top-color: #000;
  border-radius: 9999px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* ✋ TouchableOpacity */
.default_touchable_opacity {
  cursor: pointer;
  transition: opacity 0.2s;
}

.default_touchable_opacity_active {
  opacity: 0.5;
}

/* 📋 FlatList */
.default_flatlist {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* 💬 Modal */
.default_modal_overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.default_modal_content {
  background-color: white;
  padding: 1.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  max-width: 24rem;
  width: 100%;
}

/* 💬 Dialog Buttons */
.default_dialog_button {
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}

.default_dialog_cancel {
  color: #4b5563;
}

.default_dialog_cancel:hover {
  background-color: #f3f4f6;
}

.default_dialog_confirm {
  background-color: #2563eb;
  color: white;
}

.default_dialog_confirm:hover {
  background-color: #1d4ed8;
}

/* 🍞 Toast */
.default_toast {
  position: fixed;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1f2937;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

/* 📑 SectionList */
.default_section_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.default_section_list_title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.default_section_list_items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* 🧊 Overlay */
.default_overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.default_h6 .default_h5 .default_h4 .default_h3 .default_h2 .default_h1 {
  padding: 0;
  margin: 0;
}

.bg-transparent {
  background: transparent;
}

.bg-black {
  background: #000000;
}

.bg-white {
  background: #ffffff;
}

.text-black {
  color: #000000;
}

.text-white {
  color: #ffffff;
}

.border-black {
  border-color: #000000;
}

.border-white {
  border-color: #ffffff;
}

.bg-gray-50 {
  background-color: #f9fafb;
}

.text-gray-50 {
  color: #f9fafb;
}

.border-gray-50 {
  border-color: #f9fafb;
}

.shadow-gray-50 {
  box-shadow: 0 1px 3px 0 #f9fafb;
}

.hover\:bg-gray-50:hover {
  background-color: #f9fafb;
}

.hover\:text-gray-50:hover {
  color: #f9fafb;
}

.hover\:border-gray-50:hover {
  border-color: #f9fafb;
}

.hover\:shadow-gray-50:hover {
  box-shadow: 0 1px 3px 0 #f9fafb;
}

.bg-gray-100 {
  background-color: #f3f4f6;
}

.text-gray-100 {
  color: #f3f4f6;
}

.border-gray-100 {
  border-color: #f3f4f6;
}

.shadow-gray-100 {
  box-shadow: 0 1px 3px 0 #f3f4f6;
}

.hover\:bg-gray-100:hover {
  background-color: #f3f4f6;
}

.hover\:text-gray-100:hover {
  color: #f3f4f6;
}

.hover\:border-gray-100:hover {
  border-color: #f3f4f6;
}

.hover\:shadow-gray-100:hover {
  box-shadow: 0 1px 3px 0 #f3f4f6;
}

.bg-gray-200 {
  background-color: #e5e7eb;
}

.text-gray-200 {
  color: #e5e7eb;
}

.border-gray-200 {
  border-color: #e5e7eb;
}

.shadow-gray-200 {
  box-shadow: 0 1px 3px 0 #e5e7eb;
}

.hover\:bg-gray-200:hover {
  background-color: #e5e7eb;
}

.hover\:text-gray-200:hover {
  color: #e5e7eb;
}

.hover\:border-gray-200:hover {
  border-color: #e5e7eb;
}

.hover\:shadow-gray-200:hover {
  box-shadow: 0 1px 3px 0 #e5e7eb;
}

.bg-gray-300 {
  background-color: #d1d5db;
}

.text-gray-300 {
  color: #d1d5db;
}

.border-gray-300 {
  border-color: #d1d5db;
}

.shadow-gray-300 {
  box-shadow: 0 1px 3px 0 #d1d5db;
}

.hover\:bg-gray-300:hover {
  background-color: #d1d5db;
}

.hover\:text-gray-300:hover {
  color: #d1d5db;
}

.hover\:border-gray-300:hover {
  border-color: #d1d5db;
}

.hover\:shadow-gray-300:hover {
  box-shadow: 0 1px 3px 0 #d1d5db;
}

.bg-gray-400 {
  background-color: #9ca3af;
}

.text-gray-400 {
  color: #9ca3af;
}

.border-gray-400 {
  border-color: #9ca3af;
}

.shadow-gray-400 {
  box-shadow: 0 1px 3px 0 #9ca3af;
}

.hover\:bg-gray-400:hover {
  background-color: #9ca3af;
}

.hover\:text-gray-400:hover {
  color: #9ca3af;
}

.hover\:border-gray-400:hover {
  border-color: #9ca3af;
}

.hover\:shadow-gray-400:hover {
  box-shadow: 0 1px 3px 0 #9ca3af;
}

.bg-gray-500 {
  background-color: #6b7280;
}

.text-gray-500 {
  color: #6b7280;
}

.border-gray-500 {
  border-color: #6b7280;
}

.shadow-gray-500 {
  box-shadow: 0 1px 3px 0 #6b7280;
}

.hover\:bg-gray-500:hover {
  background-color: #6b7280;
}

.hover\:text-gray-500:hover {
  color: #6b7280;
}

.hover\:border-gray-500:hover {
  border-color: #6b7280;
}

.hover\:shadow-gray-500:hover {
  box-shadow: 0 1px 3px 0 #6b7280;
}

.bg-gray-600 {
  background-color: #4b5563;
}

.text-gray-600 {
  color: #4b5563;
}

.border-gray-600 {
  border-color: #4b5563;
}

.shadow-gray-600 {
  box-shadow: 0 1px 3px 0 #4b5563;
}

.hover\:bg-gray-600:hover {
  background-color: #4b5563;
}

.hover\:text-gray-600:hover {
  color: #4b5563;
}

.hover\:border-gray-600:hover {
  border-color: #4b5563;
}

.hover\:shadow-gray-600:hover {
  box-shadow: 0 1px 3px 0 #4b5563;
}

.bg-gray-700 {
  background-color: #374151;
}

.text-gray-700 {
  color: #374151;
}

.border-gray-700 {
  border-color: #374151;
}

.shadow-gray-700 {
  box-shadow: 0 1px 3px 0 #374151;
}

.hover\:bg-gray-700:hover {
  background-color: #374151;
}

.hover\:text-gray-700:hover {
  color: #374151;
}

.hover\:border-gray-700:hover {
  border-color: #374151;
}

.hover\:shadow-gray-700:hover {
  box-shadow: 0 1px 3px 0 #374151;
}

.bg-gray-800 {
  background-color: #1f2937;
}

.text-gray-800 {
  color: #1f2937;
}

.border-gray-800 {
  border-color: #1f2937;
}

.shadow-gray-800 {
  box-shadow: 0 1px 3px 0 #1f2937;
}

.hover\:bg-gray-800:hover {
  background-color: #1f2937;
}

.hover\:text-gray-800:hover {
  color: #1f2937;
}

.hover\:border-gray-800:hover {
  border-color: #1f2937;
}

.hover\:shadow-gray-800:hover {
  box-shadow: 0 1px 3px 0 #1f2937;
}

.bg-gray-900 {
  background-color: #111827;
}

.text-gray-900 {
  color: #111827;
}

.border-gray-900 {
  border-color: #111827;
}

.shadow-gray-900 {
  box-shadow: 0 1px 3px 0 #111827;
}

.hover\:bg-gray-900:hover {
  background-color: #111827;
}

.hover\:text-gray-900:hover {
  color: #111827;
}

.hover\:border-gray-900:hover {
  border-color: #111827;
}

.hover\:shadow-gray-900:hover {
  box-shadow: 0 1px 3px 0 #111827;
}

.bg-blue-50 {
  background-color: #eff6ff;
}

.text-blue-50 {
  color: #eff6ff;
}

.border-blue-50 {
  border-color: #eff6ff;
}

.shadow-blue-50 {
  box-shadow: 0 1px 3px 0 #eff6ff;
}

.hover\:bg-blue-50:hover {
  background-color: #eff6ff;
}

.hover\:text-blue-50:hover {
  color: #eff6ff;
}

.hover\:border-blue-50:hover {
  border-color: #eff6ff;
}

.hover\:shadow-blue-50:hover {
  box-shadow: 0 1px 3px 0 #eff6ff;
}

.bg-blue-100 {
  background-color: #dbeafe;
}

.text-blue-100 {
  color: #dbeafe;
}

.border-blue-100 {
  border-color: #dbeafe;
}

.shadow-blue-100 {
  box-shadow: 0 1px 3px 0 #dbeafe;
}

.hover\:bg-blue-100:hover {
  background-color: #dbeafe;
}

.hover\:text-blue-100:hover {
  color: #dbeafe;
}

.hover\:border-blue-100:hover {
  border-color: #dbeafe;
}

.hover\:shadow-blue-100:hover {
  box-shadow: 0 1px 3px 0 #dbeafe;
}

.bg-blue-200 {
  background-color: #bfdbfe;
}

.text-blue-200 {
  color: #bfdbfe;
}

.border-blue-200 {
  border-color: #bfdbfe;
}

.shadow-blue-200 {
  box-shadow: 0 1px 3px 0 #bfdbfe;
}

.hover\:bg-blue-200:hover {
  background-color: #bfdbfe;
}

.hover\:text-blue-200:hover {
  color: #bfdbfe;
}

.hover\:border-blue-200:hover {
  border-color: #bfdbfe;
}

.hover\:shadow-blue-200:hover {
  box-shadow: 0 1px 3px 0 #bfdbfe;
}

.bg-blue-300 {
  background-color: #93c5fd;
}

.text-blue-300 {
  color: #93c5fd;
}

.border-blue-300 {
  border-color: #93c5fd;
}

.shadow-blue-300 {
  box-shadow: 0 1px 3px 0 #93c5fd;
}

.hover\:bg-blue-300:hover {
  background-color: #93c5fd;
}

.hover\:text-blue-300:hover {
  color: #93c5fd;
}

.hover\:border-blue-300:hover {
  border-color: #93c5fd;
}

.hover\:shadow-blue-300:hover {
  box-shadow: 0 1px 3px 0 #93c5fd;
}

.bg-blue-400 {
  background-color: #60a5fa;
}

.text-blue-400 {
  color: #60a5fa;
}

.border-blue-400 {
  border-color: #60a5fa;
}

.shadow-blue-400 {
  box-shadow: 0 1px 3px 0 #60a5fa;
}

.hover\:bg-blue-400:hover {
  background-color: #60a5fa;
}

.hover\:text-blue-400:hover {
  color: #60a5fa;
}

.hover\:border-blue-400:hover {
  border-color: #60a5fa;
}

.hover\:shadow-blue-400:hover {
  box-shadow: 0 1px 3px 0 #60a5fa;
}

.bg-blue-500 {
  background-color: #3b82f6;
}

.text-blue-500 {
  color: #3b82f6;
}

.border-blue-500 {
  border-color: #3b82f6;
}

.shadow-blue-500 {
  box-shadow: 0 1px 3px 0 #3b82f6;
}

.hover\:bg-blue-500:hover {
  background-color: #3b82f6;
}

.hover\:text-blue-500:hover {
  color: #3b82f6;
}

.hover\:border-blue-500:hover {
  border-color: #3b82f6;
}

.hover\:shadow-blue-500:hover {
  box-shadow: 0 1px 3px 0 #3b82f6;
}

.bg-blue-600 {
  background-color: #2563eb;
}

.text-blue-600 {
  color: #2563eb;
}

.border-blue-600 {
  border-color: #2563eb;
}

.shadow-blue-600 {
  box-shadow: 0 1px 3px 0 #2563eb;
}

.hover\:bg-blue-600:hover {
  background-color: #2563eb;
}

.hover\:text-blue-600:hover {
  color: #2563eb;
}

.hover\:border-blue-600:hover {
  border-color: #2563eb;
}

.hover\:shadow-blue-600:hover {
  box-shadow: 0 1px 3px 0 #2563eb;
}

.bg-blue-700 {
  background-color: #1d4ed8;
}

.text-blue-700 {
  color: #1d4ed8;
}

.border-blue-700 {
  border-color: #1d4ed8;
}

.shadow-blue-700 {
  box-shadow: 0 1px 3px 0 #1d4ed8;
}

.hover\:bg-blue-700:hover {
  background-color: #1d4ed8;
}

.hover\:text-blue-700:hover {
  color: #1d4ed8;
}

.hover\:border-blue-700:hover {
  border-color: #1d4ed8;
}

.hover\:shadow-blue-700:hover {
  box-shadow: 0 1px 3px 0 #1d4ed8;
}

.bg-blue-800 {
  background-color: #1e40af;
}

.text-blue-800 {
  color: #1e40af;
}

.border-blue-800 {
  border-color: #1e40af;
}

.shadow-blue-800 {
  box-shadow: 0 1px 3px 0 #1e40af;
}

.hover\:bg-blue-800:hover {
  background-color: #1e40af;
}

.hover\:text-blue-800:hover {
  color: #1e40af;
}

.hover\:border-blue-800:hover {
  border-color: #1e40af;
}

.hover\:shadow-blue-800:hover {
  box-shadow: 0 1px 3px 0 #1e40af;
}

.bg-blue-900 {
  background-color: #1e3a8a;
}

.text-blue-900 {
  color: #1e3a8a;
}

.border-blue-900 {
  border-color: #1e3a8a;
}

.shadow-blue-900 {
  box-shadow: 0 1px 3px 0 #1e3a8a;
}

.hover\:bg-blue-900:hover {
  background-color: #1e3a8a;
}

.hover\:text-blue-900:hover {
  color: #1e3a8a;
}

.hover\:border-blue-900:hover {
  border-color: #1e3a8a;
}

.hover\:shadow-blue-900:hover {
  box-shadow: 0 1px 3px 0 #1e3a8a;
}

.bg-red-50 {
  background-color: #fef2f2;
}

.text-red-50 {
  color: #fef2f2;
}

.border-red-50 {
  border-color: #fef2f2;
}

.shadow-red-50 {
  box-shadow: 0 1px 3px 0 #fef2f2;
}

.hover\:bg-red-50:hover {
  background-color: #fef2f2;
}

.hover\:text-red-50:hover {
  color: #fef2f2;
}

.hover\:border-red-50:hover {
  border-color: #fef2f2;
}

.hover\:shadow-red-50:hover {
  box-shadow: 0 1px 3px 0 #fef2f2;
}

.bg-red-100 {
  background-color: #fee2e2;
}

.text-red-100 {
  color: #fee2e2;
}

.border-red-100 {
  border-color: #fee2e2;
}

.shadow-red-100 {
  box-shadow: 0 1px 3px 0 #fee2e2;
}

.hover\:bg-red-100:hover {
  background-color: #fee2e2;
}

.hover\:text-red-100:hover {
  color: #fee2e2;
}

.hover\:border-red-100:hover {
  border-color: #fee2e2;
}

.hover\:shadow-red-100:hover {
  box-shadow: 0 1px 3px 0 #fee2e2;
}

.bg-red-200 {
  background-color: #fecaca;
}

.text-red-200 {
  color: #fecaca;
}

.border-red-200 {
  border-color: #fecaca;
}

.shadow-red-200 {
  box-shadow: 0 1px 3px 0 #fecaca;
}

.hover\:bg-red-200:hover {
  background-color: #fecaca;
}

.hover\:text-red-200:hover {
  color: #fecaca;
}

.hover\:border-red-200:hover {
  border-color: #fecaca;
}

.hover\:shadow-red-200:hover {
  box-shadow: 0 1px 3px 0 #fecaca;
}

.bg-red-300 {
  background-color: #fca5a5;
}

.text-red-300 {
  color: #fca5a5;
}

.border-red-300 {
  border-color: #fca5a5;
}

.shadow-red-300 {
  box-shadow: 0 1px 3px 0 #fca5a5;
}

.hover\:bg-red-300:hover {
  background-color: #fca5a5;
}

.hover\:text-red-300:hover {
  color: #fca5a5;
}

.hover\:border-red-300:hover {
  border-color: #fca5a5;
}

.hover\:shadow-red-300:hover {
  box-shadow: 0 1px 3px 0 #fca5a5;
}

.bg-red-400 {
  background-color: #f87171;
}

.text-red-400 {
  color: #f87171;
}

.border-red-400 {
  border-color: #f87171;
}

.shadow-red-400 {
  box-shadow: 0 1px 3px 0 #f87171;
}

.hover\:bg-red-400:hover {
  background-color: #f87171;
}

.hover\:text-red-400:hover {
  color: #f87171;
}

.hover\:border-red-400:hover {
  border-color: #f87171;
}

.hover\:shadow-red-400:hover {
  box-shadow: 0 1px 3px 0 #f87171;
}

.bg-red-500 {
  background-color: #ef4444;
}

.text-red-500 {
  color: #ef4444;
}

.border-red-500 {
  border-color: #ef4444;
}

.shadow-red-500 {
  box-shadow: 0 1px 3px 0 #ef4444;
}

.hover\:bg-red-500:hover {
  background-color: #ef4444;
}

.hover\:text-red-500:hover {
  color: #ef4444;
}

.hover\:border-red-500:hover {
  border-color: #ef4444;
}

.hover\:shadow-red-500:hover {
  box-shadow: 0 1px 3px 0 #ef4444;
}

.bg-red-600 {
  background-color: #dc2626;
}

.text-red-600 {
  color: #dc2626;
}

.border-red-600 {
  border-color: #dc2626;
}

.shadow-red-600 {
  box-shadow: 0 1px 3px 0 #dc2626;
}

.hover\:bg-red-600:hover {
  background-color: #dc2626;
}

.hover\:text-red-600:hover {
  color: #dc2626;
}

.hover\:border-red-600:hover {
  border-color: #dc2626;
}

.hover\:shadow-red-600:hover {
  box-shadow: 0 1px 3px 0 #dc2626;
}

.bg-red-700 {
  background-color: #b91c1c;
}

.text-red-700 {
  color: #b91c1c;
}

.border-red-700 {
  border-color: #b91c1c;
}

.shadow-red-700 {
  box-shadow: 0 1px 3px 0 #b91c1c;
}

.hover\:bg-red-700:hover {
  background-color: #b91c1c;
}

.hover\:text-red-700:hover {
  color: #b91c1c;
}

.hover\:border-red-700:hover {
  border-color: #b91c1c;
}

.hover\:shadow-red-700:hover {
  box-shadow: 0 1px 3px 0 #b91c1c;
}

.bg-red-800 {
  background-color: #991b1b;
}

.text-red-800 {
  color: #991b1b;
}

.border-red-800 {
  border-color: #991b1b;
}

.shadow-red-800 {
  box-shadow: 0 1px 3px 0 #991b1b;
}

.hover\:bg-red-800:hover {
  background-color: #991b1b;
}

.hover\:text-red-800:hover {
  color: #991b1b;
}

.hover\:border-red-800:hover {
  border-color: #991b1b;
}

.hover\:shadow-red-800:hover {
  box-shadow: 0 1px 3px 0 #991b1b;
}

.bg-red-900 {
  background-color: #7f1d1d;
}

.text-red-900 {
  color: #7f1d1d;
}

.border-red-900 {
  border-color: #7f1d1d;
}

.shadow-red-900 {
  box-shadow: 0 1px 3px 0 #7f1d1d;
}

.hover\:bg-red-900:hover {
  background-color: #7f1d1d;
}

.hover\:text-red-900:hover {
  color: #7f1d1d;
}

.hover\:border-red-900:hover {
  border-color: #7f1d1d;
}

.hover\:shadow-red-900:hover {
  box-shadow: 0 1px 3px 0 #7f1d1d;
}

.bg-green-50 {
  background-color: #f0fdf4;
}

.text-green-50 {
  color: #f0fdf4;
}

.border-green-50 {
  border-color: #f0fdf4;
}

.shadow-green-50 {
  box-shadow: 0 1px 3px 0 #f0fdf4;
}

.hover\:bg-green-50:hover {
  background-color: #f0fdf4;
}

.hover\:text-green-50:hover {
  color: #f0fdf4;
}

.hover\:border-green-50:hover {
  border-color: #f0fdf4;
}

.hover\:shadow-green-50:hover {
  box-shadow: 0 1px 3px 0 #f0fdf4;
}

.bg-green-100 {
  background-color: #dcfce7;
}

.text-green-100 {
  color: #dcfce7;
}

.border-green-100 {
  border-color: #dcfce7;
}

.shadow-green-100 {
  box-shadow: 0 1px 3px 0 #dcfce7;
}

.hover\:bg-green-100:hover {
  background-color: #dcfce7;
}

.hover\:text-green-100:hover {
  color: #dcfce7;
}

.hover\:border-green-100:hover {
  border-color: #dcfce7;
}

.hover\:shadow-green-100:hover {
  box-shadow: 0 1px 3px 0 #dcfce7;
}

.bg-green-200 {
  background-color: #bbf7d0;
}

.text-green-200 {
  color: #bbf7d0;
}

.border-green-200 {
  border-color: #bbf7d0;
}

.shadow-green-200 {
  box-shadow: 0 1px 3px 0 #bbf7d0;
}

.hover\:bg-green-200:hover {
  background-color: #bbf7d0;
}

.hover\:text-green-200:hover {
  color: #bbf7d0;
}

.hover\:border-green-200:hover {
  border-color: #bbf7d0;
}

.hover\:shadow-green-200:hover {
  box-shadow: 0 1px 3px 0 #bbf7d0;
}

.bg-green-300 {
  background-color: #86efac;
}

.text-green-300 {
  color: #86efac;
}

.border-green-300 {
  border-color: #86efac;
}

.shadow-green-300 {
  box-shadow: 0 1px 3px 0 #86efac;
}

.hover\:bg-green-300:hover {
  background-color: #86efac;
}

.hover\:text-green-300:hover {
  color: #86efac;
}

.hover\:border-green-300:hover {
  border-color: #86efac;
}

.hover\:shadow-green-300:hover {
  box-shadow: 0 1px 3px 0 #86efac;
}

.bg-green-400 {
  background-color: #4ade80;
}

.text-green-400 {
  color: #4ade80;
}

.border-green-400 {
  border-color: #4ade80;
}

.shadow-green-400 {
  box-shadow: 0 1px 3px 0 #4ade80;
}

.hover\:bg-green-400:hover {
  background-color: #4ade80;
}

.hover\:text-green-400:hover {
  color: #4ade80;
}

.hover\:border-green-400:hover {
  border-color: #4ade80;
}

.hover\:shadow-green-400:hover {
  box-shadow: 0 1px 3px 0 #4ade80;
}

.bg-green-500 {
  background-color: #22c55e;
}

.text-green-500 {
  color: #22c55e;
}

.border-green-500 {
  border-color: #22c55e;
}

.shadow-green-500 {
  box-shadow: 0 1px 3px 0 #22c55e;
}

.hover\:bg-green-500:hover {
  background-color: #22c55e;
}

.hover\:text-green-500:hover {
  color: #22c55e;
}

.hover\:border-green-500:hover {
  border-color: #22c55e;
}

.hover\:shadow-green-500:hover {
  box-shadow: 0 1px 3px 0 #22c55e;
}

.bg-green-600 {
  background-color: #16a34a;
}

.text-green-600 {
  color: #16a34a;
}

.border-green-600 {
  border-color: #16a34a;
}

.shadow-green-600 {
  box-shadow: 0 1px 3px 0 #16a34a;
}

.hover\:bg-green-600:hover {
  background-color: #16a34a;
}

.hover\:text-green-600:hover {
  color: #16a34a;
}

.hover\:border-green-600:hover {
  border-color: #16a34a;
}

.hover\:shadow-green-600:hover {
  box-shadow: 0 1px 3px 0 #16a34a;
}

.bg-green-700 {
  background-color: #15803d;
}

.text-green-700 {
  color: #15803d;
}

.border-green-700 {
  border-color: #15803d;
}

.shadow-green-700 {
  box-shadow: 0 1px 3px 0 #15803d;
}

.hover\:bg-green-700:hover {
  background-color: #15803d;
}

.hover\:text-green-700:hover {
  color: #15803d;
}

.hover\:border-green-700:hover {
  border-color: #15803d;
}

.hover\:shadow-green-700:hover {
  box-shadow: 0 1px 3px 0 #15803d;
}

.bg-green-800 {
  background-color: #166534;
}

.text-green-800 {
  color: #166534;
}

.border-green-800 {
  border-color: #166534;
}

.shadow-green-800 {
  box-shadow: 0 1px 3px 0 #166534;
}

.hover\:bg-green-800:hover {
  background-color: #166534;
}

.hover\:text-green-800:hover {
  color: #166534;
}

.hover\:border-green-800:hover {
  border-color: #166534;
}

.hover\:shadow-green-800:hover {
  box-shadow: 0 1px 3px 0 #166534;
}

.bg-green-900 {
  background-color: #14532d;
}

.text-green-900 {
  color: #14532d;
}

.border-green-900 {
  border-color: #14532d;
}

.shadow-green-900 {
  box-shadow: 0 1px 3px 0 #14532d;
}

.hover\:bg-green-900:hover {
  background-color: #14532d;
}

.hover\:text-green-900:hover {
  color: #14532d;
}

.hover\:border-green-900:hover {
  border-color: #14532d;
}

.hover\:shadow-green-900:hover {
  box-shadow: 0 1px 3px 0 #14532d;
}

.bg-yellow-50 {
  background-color: #fefce8;
}

.text-yellow-50 {
  color: #fefce8;
}

.border-yellow-50 {
  border-color: #fefce8;
}

.shadow-yellow-50 {
  box-shadow: 0 1px 3px 0 #fefce8;
}

.hover\:bg-yellow-50:hover {
  background-color: #fefce8;
}

.hover\:text-yellow-50:hover {
  color: #fefce8;
}

.hover\:border-yellow-50:hover {
  border-color: #fefce8;
}

.hover\:shadow-yellow-50:hover {
  box-shadow: 0 1px 3px 0 #fefce8;
}

.bg-yellow-100 {
  background-color: #fef9c3;
}

.text-yellow-100 {
  color: #fef9c3;
}

.border-yellow-100 {
  border-color: #fef9c3;
}

.shadow-yellow-100 {
  box-shadow: 0 1px 3px 0 #fef9c3;
}

.hover\:bg-yellow-100:hover {
  background-color: #fef9c3;
}

.hover\:text-yellow-100:hover {
  color: #fef9c3;
}

.hover\:border-yellow-100:hover {
  border-color: #fef9c3;
}

.hover\:shadow-yellow-100:hover {
  box-shadow: 0 1px 3px 0 #fef9c3;
}

.bg-yellow-200 {
  background-color: #fef08a;
}

.text-yellow-200 {
  color: #fef08a;
}

.border-yellow-200 {
  border-color: #fef08a;
}

.shadow-yellow-200 {
  box-shadow: 0 1px 3px 0 #fef08a;
}

.hover\:bg-yellow-200:hover {
  background-color: #fef08a;
}

.hover\:text-yellow-200:hover {
  color: #fef08a;
}

.hover\:border-yellow-200:hover {
  border-color: #fef08a;
}

.hover\:shadow-yellow-200:hover {
  box-shadow: 0 1px 3px 0 #fef08a;
}

.bg-yellow-300 {
  background-color: #fde047;
}

.text-yellow-300 {
  color: #fde047;
}

.border-yellow-300 {
  border-color: #fde047;
}

.shadow-yellow-300 {
  box-shadow: 0 1px 3px 0 #fde047;
}

.hover\:bg-yellow-300:hover {
  background-color: #fde047;
}

.hover\:text-yellow-300:hover {
  color: #fde047;
}

.hover\:border-yellow-300:hover {
  border-color: #fde047;
}

.hover\:shadow-yellow-300:hover {
  box-shadow: 0 1px 3px 0 #fde047;
}

.bg-yellow-400 {
  background-color: #facc15;
}

.text-yellow-400 {
  color: #facc15;
}

.border-yellow-400 {
  border-color: #facc15;
}

.shadow-yellow-400 {
  box-shadow: 0 1px 3px 0 #facc15;
}

.hover\:bg-yellow-400:hover {
  background-color: #facc15;
}

.hover\:text-yellow-400:hover {
  color: #facc15;
}

.hover\:border-yellow-400:hover {
  border-color: #facc15;
}

.hover\:shadow-yellow-400:hover {
  box-shadow: 0 1px 3px 0 #facc15;
}

.bg-yellow-500 {
  background-color: #eab308;
}

.text-yellow-500 {
  color: #eab308;
}

.border-yellow-500 {
  border-color: #eab308;
}

.shadow-yellow-500 {
  box-shadow: 0 1px 3px 0 #eab308;
}

.hover\:bg-yellow-500:hover {
  background-color: #eab308;
}

.hover\:text-yellow-500:hover {
  color: #eab308;
}

.hover\:border-yellow-500:hover {
  border-color: #eab308;
}

.hover\:shadow-yellow-500:hover {
  box-shadow: 0 1px 3px 0 #eab308;
}

.bg-yellow-600 {
  background-color: #ca8a04;
}

.text-yellow-600 {
  color: #ca8a04;
}

.border-yellow-600 {
  border-color: #ca8a04;
}

.shadow-yellow-600 {
  box-shadow: 0 1px 3px 0 #ca8a04;
}

.hover\:bg-yellow-600:hover {
  background-color: #ca8a04;
}

.hover\:text-yellow-600:hover {
  color: #ca8a04;
}

.hover\:border-yellow-600:hover {
  border-color: #ca8a04;
}

.hover\:shadow-yellow-600:hover {
  box-shadow: 0 1px 3px 0 #ca8a04;
}

.bg-yellow-700 {
  background-color: #a16207;
}

.text-yellow-700 {
  color: #a16207;
}

.border-yellow-700 {
  border-color: #a16207;
}

.shadow-yellow-700 {
  box-shadow: 0 1px 3px 0 #a16207;
}

.hover\:bg-yellow-700:hover {
  background-color: #a16207;
}

.hover\:text-yellow-700:hover {
  color: #a16207;
}

.hover\:border-yellow-700:hover {
  border-color: #a16207;
}

.hover\:shadow-yellow-700:hover {
  box-shadow: 0 1px 3px 0 #a16207;
}

.bg-yellow-800 {
  background-color: #854d0e;
}

.text-yellow-800 {
  color: #854d0e;
}

.border-yellow-800 {
  border-color: #854d0e;
}

.shadow-yellow-800 {
  box-shadow: 0 1px 3px 0 #854d0e;
}

.hover\:bg-yellow-800:hover {
  background-color: #854d0e;
}

.hover\:text-yellow-800:hover {
  color: #854d0e;
}

.hover\:border-yellow-800:hover {
  border-color: #854d0e;
}

.hover\:shadow-yellow-800:hover {
  box-shadow: 0 1px 3px 0 #854d0e;
}

.bg-yellow-900 {
  background-color: #713f12;
}

.text-yellow-900 {
  color: #713f12;
}

.border-yellow-900 {
  border-color: #713f12;
}

.shadow-yellow-900 {
  box-shadow: 0 1px 3px 0 #713f12;
}

.hover\:bg-yellow-900:hover {
  background-color: #713f12;
}

.hover\:text-yellow-900:hover {
  color: #713f12;
}

.hover\:border-yellow-900:hover {
  border-color: #713f12;
}

.hover\:shadow-yellow-900:hover {
  box-shadow: 0 1px 3px 0 #713f12;
}

.bg-orange-50 {
  background-color: #fff7ed;
}

.text-orange-50 {
  color: #fff7ed;
}

.border-orange-50 {
  border-color: #fff7ed;
}

.shadow-orange-50 {
  box-shadow: 0 1px 3px 0 #fff7ed;
}

.hover\:bg-orange-50:hover {
  background-color: #fff7ed;
}

.hover\:text-orange-50:hover {
  color: #fff7ed;
}

.hover\:border-orange-50:hover {
  border-color: #fff7ed;
}

.hover\:shadow-orange-50:hover {
  box-shadow: 0 1px 3px 0 #fff7ed;
}

.bg-orange-100 {
  background-color: #ffedd5;
}

.text-orange-100 {
  color: #ffedd5;
}

.border-orange-100 {
  border-color: #ffedd5;
}

.shadow-orange-100 {
  box-shadow: 0 1px 3px 0 #ffedd5;
}

.hover\:bg-orange-100:hover {
  background-color: #ffedd5;
}

.hover\:text-orange-100:hover {
  color: #ffedd5;
}

.hover\:border-orange-100:hover {
  border-color: #ffedd5;
}

.hover\:shadow-orange-100:hover {
  box-shadow: 0 1px 3px 0 #ffedd5;
}

.bg-orange-200 {
  background-color: #fed7aa;
}

.text-orange-200 {
  color: #fed7aa;
}

.border-orange-200 {
  border-color: #fed7aa;
}

.shadow-orange-200 {
  box-shadow: 0 1px 3px 0 #fed7aa;
}

.hover\:bg-orange-200:hover {
  background-color: #fed7aa;
}

.hover\:text-orange-200:hover {
  color: #fed7aa;
}

.hover\:border-orange-200:hover {
  border-color: #fed7aa;
}

.hover\:shadow-orange-200:hover {
  box-shadow: 0 1px 3px 0 #fed7aa;
}

.bg-orange-300 {
  background-color: #fdba74;
}

.text-orange-300 {
  color: #fdba74;
}

.border-orange-300 {
  border-color: #fdba74;
}

.shadow-orange-300 {
  box-shadow: 0 1px 3px 0 #fdba74;
}

.hover\:bg-orange-300:hover {
  background-color: #fdba74;
}

.hover\:text-orange-300:hover {
  color: #fdba74;
}

.hover\:border-orange-300:hover {
  border-color: #fdba74;
}

.hover\:shadow-orange-300:hover {
  box-shadow: 0 1px 3px 0 #fdba74;
}

.bg-orange-400 {
  background-color: #fb923c;
}

.text-orange-400 {
  color: #fb923c;
}

.border-orange-400 {
  border-color: #fb923c;
}

.shadow-orange-400 {
  box-shadow: 0 1px 3px 0 #fb923c;
}

.hover\:bg-orange-400:hover {
  background-color: #fb923c;
}

.hover\:text-orange-400:hover {
  color: #fb923c;
}

.hover\:border-orange-400:hover {
  border-color: #fb923c;
}

.hover\:shadow-orange-400:hover {
  box-shadow: 0 1px 3px 0 #fb923c;
}

.bg-orange-500 {
  background-color: #f97316;
}

.text-orange-500 {
  color: #f97316;
}

.border-orange-500 {
  border-color: #f97316;
}

.shadow-orange-500 {
  box-shadow: 0 1px 3px 0 #f97316;
}

.hover\:bg-orange-500:hover {
  background-color: #f97316;
}

.hover\:text-orange-500:hover {
  color: #f97316;
}

.hover\:border-orange-500:hover {
  border-color: #f97316;
}

.hover\:shadow-orange-500:hover {
  box-shadow: 0 1px 3px 0 #f97316;
}

.bg-orange-600 {
  background-color: #ea580c;
}

.text-orange-600 {
  color: #ea580c;
}

.border-orange-600 {
  border-color: #ea580c;
}

.shadow-orange-600 {
  box-shadow: 0 1px 3px 0 #ea580c;
}

.hover\:bg-orange-600:hover {
  background-color: #ea580c;
}

.hover\:text-orange-600:hover {
  color: #ea580c;
}

.hover\:border-orange-600:hover {
  border-color: #ea580c;
}

.hover\:shadow-orange-600:hover {
  box-shadow: 0 1px 3px 0 #ea580c;
}

.bg-orange-700 {
  background-color: #c2410c;
}

.text-orange-700 {
  color: #c2410c;
}

.border-orange-700 {
  border-color: #c2410c;
}

.shadow-orange-700 {
  box-shadow: 0 1px 3px 0 #c2410c;
}

.hover\:bg-orange-700:hover {
  background-color: #c2410c;
}

.hover\:text-orange-700:hover {
  color: #c2410c;
}

.hover\:border-orange-700:hover {
  border-color: #c2410c;
}

.hover\:shadow-orange-700:hover {
  box-shadow: 0 1px 3px 0 #c2410c;
}

.bg-orange-800 {
  background-color: #9a3412;
}

.text-orange-800 {
  color: #9a3412;
}

.border-orange-800 {
  border-color: #9a3412;
}

.shadow-orange-800 {
  box-shadow: 0 1px 3px 0 #9a3412;
}

.hover\:bg-orange-800:hover {
  background-color: #9a3412;
}

.hover\:text-orange-800:hover {
  color: #9a3412;
}

.hover\:border-orange-800:hover {
  border-color: #9a3412;
}

.hover\:shadow-orange-800:hover {
  box-shadow: 0 1px 3px 0 #9a3412;
}

.bg-orange-900 {
  background-color: #7c2d12;
}

.text-orange-900 {
  color: #7c2d12;
}

.border-orange-900 {
  border-color: #7c2d12;
}

.shadow-orange-900 {
  box-shadow: 0 1px 3px 0 #7c2d12;
}

.hover\:bg-orange-900:hover {
  background-color: #7c2d12;
}

.hover\:text-orange-900:hover {
  color: #7c2d12;
}

.hover\:border-orange-900:hover {
  border-color: #7c2d12;
}

.hover\:shadow-orange-900:hover {
  box-shadow: 0 1px 3px 0 #7c2d12;
}

.bg-purple-50 {
  background-color: #faf5ff;
}

.text-purple-50 {
  color: #faf5ff;
}

.border-purple-50 {
  border-color: #faf5ff;
}

.shadow-purple-50 {
  box-shadow: 0 1px 3px 0 #faf5ff;
}

.hover\:bg-purple-50:hover {
  background-color: #faf5ff;
}

.hover\:text-purple-50:hover {
  color: #faf5ff;
}

.hover\:border-purple-50:hover {
  border-color: #faf5ff;
}

.hover\:shadow-purple-50:hover {
  box-shadow: 0 1px 3px 0 #faf5ff;
}

.bg-purple-100 {
  background-color: #f3e8ff;
}

.text-purple-100 {
  color: #f3e8ff;
}

.border-purple-100 {
  border-color: #f3e8ff;
}

.shadow-purple-100 {
  box-shadow: 0 1px 3px 0 #f3e8ff;
}

.hover\:bg-purple-100:hover {
  background-color: #f3e8ff;
}

.hover\:text-purple-100:hover {
  color: #f3e8ff;
}

.hover\:border-purple-100:hover {
  border-color: #f3e8ff;
}

.hover\:shadow-purple-100:hover {
  box-shadow: 0 1px 3px 0 #f3e8ff;
}

.bg-purple-200 {
  background-color: #e9d5ff;
}

.text-purple-200 {
  color: #e9d5ff;
}

.border-purple-200 {
  border-color: #e9d5ff;
}

.shadow-purple-200 {
  box-shadow: 0 1px 3px 0 #e9d5ff;
}

.hover\:bg-purple-200:hover {
  background-color: #e9d5ff;
}

.hover\:text-purple-200:hover {
  color: #e9d5ff;
}

.hover\:border-purple-200:hover {
  border-color: #e9d5ff;
}

.hover\:shadow-purple-200:hover {
  box-shadow: 0 1px 3px 0 #e9d5ff;
}

.bg-purple-300 {
  background-color: #d8b4fe;
}

.text-purple-300 {
  color: #d8b4fe;
}

.border-purple-300 {
  border-color: #d8b4fe;
}

.shadow-purple-300 {
  box-shadow: 0 1px 3px 0 #d8b4fe;
}

.hover\:bg-purple-300:hover {
  background-color: #d8b4fe;
}

.hover\:text-purple-300:hover {
  color: #d8b4fe;
}

.hover\:border-purple-300:hover {
  border-color: #d8b4fe;
}

.hover\:shadow-purple-300:hover {
  box-shadow: 0 1px 3px 0 #d8b4fe;
}

.bg-purple-400 {
  background-color: #c084fc;
}

.text-purple-400 {
  color: #c084fc;
}

.border-purple-400 {
  border-color: #c084fc;
}

.shadow-purple-400 {
  box-shadow: 0 1px 3px 0 #c084fc;
}

.hover\:bg-purple-400:hover {
  background-color: #c084fc;
}

.hover\:text-purple-400:hover {
  color: #c084fc;
}

.hover\:border-purple-400:hover {
  border-color: #c084fc;
}

.hover\:shadow-purple-400:hover {
  box-shadow: 0 1px 3px 0 #c084fc;
}

.bg-purple-500 {
  background-color: #a855f7;
}

.text-purple-500 {
  color: #a855f7;
}

.border-purple-500 {
  border-color: #a855f7;
}

.shadow-purple-500 {
  box-shadow: 0 1px 3px 0 #a855f7;
}

.hover\:bg-purple-500:hover {
  background-color: #a855f7;
}

.hover\:text-purple-500:hover {
  color: #a855f7;
}

.hover\:border-purple-500:hover {
  border-color: #a855f7;
}

.hover\:shadow-purple-500:hover {
  box-shadow: 0 1px 3px 0 #a855f7;
}

.bg-purple-600 {
  background-color: #9333ea;
}

.text-purple-600 {
  color: #9333ea;
}

.border-purple-600 {
  border-color: #9333ea;
}

.shadow-purple-600 {
  box-shadow: 0 1px 3px 0 #9333ea;
}

.hover\:bg-purple-600:hover {
  background-color: #9333ea;
}

.hover\:text-purple-600:hover {
  color: #9333ea;
}

.hover\:border-purple-600:hover {
  border-color: #9333ea;
}

.hover\:shadow-purple-600:hover {
  box-shadow: 0 1px 3px 0 #9333ea;
}

.bg-purple-700 {
  background-color: #7e22ce;
}

.text-purple-700 {
  color: #7e22ce;
}

.border-purple-700 {
  border-color: #7e22ce;
}

.shadow-purple-700 {
  box-shadow: 0 1px 3px 0 #7e22ce;
}

.hover\:bg-purple-700:hover {
  background-color: #7e22ce;
}

.hover\:text-purple-700:hover {
  color: #7e22ce;
}

.hover\:border-purple-700:hover {
  border-color: #7e22ce;
}

.hover\:shadow-purple-700:hover {
  box-shadow: 0 1px 3px 0 #7e22ce;
}

.bg-purple-800 {
  background-color: #6b21a8;
}

.text-purple-800 {
  color: #6b21a8;
}

.border-purple-800 {
  border-color: #6b21a8;
}

.shadow-purple-800 {
  box-shadow: 0 1px 3px 0 #6b21a8;
}

.hover\:bg-purple-800:hover {
  background-color: #6b21a8;
}

.hover\:text-purple-800:hover {
  color: #6b21a8;
}

.hover\:border-purple-800:hover {
  border-color: #6b21a8;
}

.hover\:shadow-purple-800:hover {
  box-shadow: 0 1px 3px 0 #6b21a8;
}

.bg-purple-900 {
  background-color: #581c87;
}

.text-purple-900 {
  color: #581c87;
}

.border-purple-900 {
  border-color: #581c87;
}

.shadow-purple-900 {
  box-shadow: 0 1px 3px 0 #581c87;
}

.hover\:bg-purple-900:hover {
  background-color: #581c87;
}

.hover\:text-purple-900:hover {
  color: #581c87;
}

.hover\:border-purple-900:hover {
  border-color: #581c87;
}

.hover\:shadow-purple-900:hover {
  box-shadow: 0 1px 3px 0 #581c87;
}

.bg-pink-50 {
  background-color: #fdf2f8;
}

.text-pink-50 {
  color: #fdf2f8;
}

.border-pink-50 {
  border-color: #fdf2f8;
}

.shadow-pink-50 {
  box-shadow: 0 1px 3px 0 #fdf2f8;
}

.hover\:bg-pink-50:hover {
  background-color: #fdf2f8;
}

.hover\:text-pink-50:hover {
  color: #fdf2f8;
}

.hover\:border-pink-50:hover {
  border-color: #fdf2f8;
}

.hover\:shadow-pink-50:hover {
  box-shadow: 0 1px 3px 0 #fdf2f8;
}

.bg-pink-100 {
  background-color: #fce7f3;
}

.text-pink-100 {
  color: #fce7f3;
}

.border-pink-100 {
  border-color: #fce7f3;
}

.shadow-pink-100 {
  box-shadow: 0 1px 3px 0 #fce7f3;
}

.hover\:bg-pink-100:hover {
  background-color: #fce7f3;
}

.hover\:text-pink-100:hover {
  color: #fce7f3;
}

.hover\:border-pink-100:hover {
  border-color: #fce7f3;
}

.hover\:shadow-pink-100:hover {
  box-shadow: 0 1px 3px 0 #fce7f3;
}

.bg-pink-200 {
  background-color: #fbcfe8;
}

.text-pink-200 {
  color: #fbcfe8;
}

.border-pink-200 {
  border-color: #fbcfe8;
}

.shadow-pink-200 {
  box-shadow: 0 1px 3px 0 #fbcfe8;
}

.hover\:bg-pink-200:hover {
  background-color: #fbcfe8;
}

.hover\:text-pink-200:hover {
  color: #fbcfe8;
}

.hover\:border-pink-200:hover {
  border-color: #fbcfe8;
}

.hover\:shadow-pink-200:hover {
  box-shadow: 0 1px 3px 0 #fbcfe8;
}

.bg-pink-300 {
  background-color: #f9a8d4;
}

.text-pink-300 {
  color: #f9a8d4;
}

.border-pink-300 {
  border-color: #f9a8d4;
}

.shadow-pink-300 {
  box-shadow: 0 1px 3px 0 #f9a8d4;
}

.hover\:bg-pink-300:hover {
  background-color: #f9a8d4;
}

.hover\:text-pink-300:hover {
  color: #f9a8d4;
}

.hover\:border-pink-300:hover {
  border-color: #f9a8d4;
}

.hover\:shadow-pink-300:hover {
  box-shadow: 0 1px 3px 0 #f9a8d4;
}

.bg-pink-400 {
  background-color: #f472b6;
}

.text-pink-400 {
  color: #f472b6;
}

.border-pink-400 {
  border-color: #f472b6;
}

.shadow-pink-400 {
  box-shadow: 0 1px 3px 0 #f472b6;
}

.hover\:bg-pink-400:hover {
  background-color: #f472b6;
}

.hover\:text-pink-400:hover {
  color: #f472b6;
}

.hover\:border-pink-400:hover {
  border-color: #f472b6;
}

.hover\:shadow-pink-400:hover {
  box-shadow: 0 1px 3px 0 #f472b6;
}

.bg-pink-500 {
  background-color: #ec4899;
}

.text-pink-500 {
  color: #ec4899;
}

.border-pink-500 {
  border-color: #ec4899;
}

.shadow-pink-500 {
  box-shadow: 0 1px 3px 0 #ec4899;
}

.hover\:bg-pink-500:hover {
  background-color: #ec4899;
}

.hover\:text-pink-500:hover {
  color: #ec4899;
}

.hover\:border-pink-500:hover {
  border-color: #ec4899;
}

.hover\:shadow-pink-500:hover {
  box-shadow: 0 1px 3px 0 #ec4899;
}

.bg-pink-600 {
  background-color: #db2777;
}

.text-pink-600 {
  color: #db2777;
}

.border-pink-600 {
  border-color: #db2777;
}

.shadow-pink-600 {
  box-shadow: 0 1px 3px 0 #db2777;
}

.hover\:bg-pink-600:hover {
  background-color: #db2777;
}

.hover\:text-pink-600:hover {
  color: #db2777;
}

.hover\:border-pink-600:hover {
  border-color: #db2777;
}

.hover\:shadow-pink-600:hover {
  box-shadow: 0 1px 3px 0 #db2777;
}

.bg-pink-700 {
  background-color: #be185d;
}

.text-pink-700 {
  color: #be185d;
}

.border-pink-700 {
  border-color: #be185d;
}

.shadow-pink-700 {
  box-shadow: 0 1px 3px 0 #be185d;
}

.hover\:bg-pink-700:hover {
  background-color: #be185d;
}

.hover\:text-pink-700:hover {
  color: #be185d;
}

.hover\:border-pink-700:hover {
  border-color: #be185d;
}

.hover\:shadow-pink-700:hover {
  box-shadow: 0 1px 3px 0 #be185d;
}

.bg-pink-800 {
  background-color: #9d174d;
}

.text-pink-800 {
  color: #9d174d;
}

.border-pink-800 {
  border-color: #9d174d;
}

.shadow-pink-800 {
  box-shadow: 0 1px 3px 0 #9d174d;
}

.hover\:bg-pink-800:hover {
  background-color: #9d174d;
}

.hover\:text-pink-800:hover {
  color: #9d174d;
}

.hover\:border-pink-800:hover {
  border-color: #9d174d;
}

.hover\:shadow-pink-800:hover {
  box-shadow: 0 1px 3px 0 #9d174d;
}

.bg-pink-900 {
  background-color: #831843;
}

.text-pink-900 {
  color: #831843;
}

.border-pink-900 {
  border-color: #831843;
}

.shadow-pink-900 {
  box-shadow: 0 1px 3px 0 #831843;
}

.hover\:bg-pink-900:hover {
  background-color: #831843;
}

.hover\:text-pink-900:hover {
  color: #831843;
}

.hover\:border-pink-900:hover {
  border-color: #831843;
}

.hover\:shadow-pink-900:hover {
  box-shadow: 0 1px 3px 0 #831843;
}

.bg-indigo-50 {
  background-color: #eef2ff;
}

.text-indigo-50 {
  color: #eef2ff;
}

.border-indigo-50 {
  border-color: #eef2ff;
}

.shadow-indigo-50 {
  box-shadow: 0 1px 3px 0 #eef2ff;
}

.hover\:bg-indigo-50:hover {
  background-color: #eef2ff;
}

.hover\:text-indigo-50:hover {
  color: #eef2ff;
}

.hover\:border-indigo-50:hover {
  border-color: #eef2ff;
}

.hover\:shadow-indigo-50:hover {
  box-shadow: 0 1px 3px 0 #eef2ff;
}

.bg-indigo-100 {
  background-color: #e0e7ff;
}

.text-indigo-100 {
  color: #e0e7ff;
}

.border-indigo-100 {
  border-color: #e0e7ff;
}

.shadow-indigo-100 {
  box-shadow: 0 1px 3px 0 #e0e7ff;
}

.hover\:bg-indigo-100:hover {
  background-color: #e0e7ff;
}

.hover\:text-indigo-100:hover {
  color: #e0e7ff;
}

.hover\:border-indigo-100:hover {
  border-color: #e0e7ff;
}

.hover\:shadow-indigo-100:hover {
  box-shadow: 0 1px 3px 0 #e0e7ff;
}

.bg-indigo-200 {
  background-color: #c7d2fe;
}

.text-indigo-200 {
  color: #c7d2fe;
}

.border-indigo-200 {
  border-color: #c7d2fe;
}

.shadow-indigo-200 {
  box-shadow: 0 1px 3px 0 #c7d2fe;
}

.hover\:bg-indigo-200:hover {
  background-color: #c7d2fe;
}

.hover\:text-indigo-200:hover {
  color: #c7d2fe;
}

.hover\:border-indigo-200:hover {
  border-color: #c7d2fe;
}

.hover\:shadow-indigo-200:hover {
  box-shadow: 0 1px 3px 0 #c7d2fe;
}

.bg-indigo-300 {
  background-color: #a5b4fc;
}

.text-indigo-300 {
  color: #a5b4fc;
}

.border-indigo-300 {
  border-color: #a5b4fc;
}

.shadow-indigo-300 {
  box-shadow: 0 1px 3px 0 #a5b4fc;
}

.hover\:bg-indigo-300:hover {
  background-color: #a5b4fc;
}

.hover\:text-indigo-300:hover {
  color: #a5b4fc;
}

.hover\:border-indigo-300:hover {
  border-color: #a5b4fc;
}

.hover\:shadow-indigo-300:hover {
  box-shadow: 0 1px 3px 0 #a5b4fc;
}

.bg-indigo-400 {
  background-color: #818cf8;
}

.text-indigo-400 {
  color: #818cf8;
}

.border-indigo-400 {
  border-color: #818cf8;
}

.shadow-indigo-400 {
  box-shadow: 0 1px 3px 0 #818cf8;
}

.hover\:bg-indigo-400:hover {
  background-color: #818cf8;
}

.hover\:text-indigo-400:hover {
  color: #818cf8;
}

.hover\:border-indigo-400:hover {
  border-color: #818cf8;
}

.hover\:shadow-indigo-400:hover {
  box-shadow: 0 1px 3px 0 #818cf8;
}

.bg-indigo-500 {
  background-color: #6366f1;
}

.text-indigo-500 {
  color: #6366f1;
}

.border-indigo-500 {
  border-color: #6366f1;
}

.shadow-indigo-500 {
  box-shadow: 0 1px 3px 0 #6366f1;
}

.hover\:bg-indigo-500:hover {
  background-color: #6366f1;
}

.hover\:text-indigo-500:hover {
  color: #6366f1;
}

.hover\:border-indigo-500:hover {
  border-color: #6366f1;
}

.hover\:shadow-indigo-500:hover {
  box-shadow: 0 1px 3px 0 #6366f1;
}

.bg-indigo-600 {
  background-color: #4f46e5;
}

.text-indigo-600 {
  color: #4f46e5;
}

.border-indigo-600 {
  border-color: #4f46e5;
}

.shadow-indigo-600 {
  box-shadow: 0 1px 3px 0 #4f46e5;
}

.hover\:bg-indigo-600:hover {
  background-color: #4f46e5;
}

.hover\:text-indigo-600:hover {
  color: #4f46e5;
}

.hover\:border-indigo-600:hover {
  border-color: #4f46e5;
}

.hover\:shadow-indigo-600:hover {
  box-shadow: 0 1px 3px 0 #4f46e5;
}

.bg-indigo-700 {
  background-color: #4338ca;
}

.text-indigo-700 {
  color: #4338ca;
}

.border-indigo-700 {
  border-color: #4338ca;
}

.shadow-indigo-700 {
  box-shadow: 0 1px 3px 0 #4338ca;
}

.hover\:bg-indigo-700:hover {
  background-color: #4338ca;
}

.hover\:text-indigo-700:hover {
  color: #4338ca;
}

.hover\:border-indigo-700:hover {
  border-color: #4338ca;
}

.hover\:shadow-indigo-700:hover {
  box-shadow: 0 1px 3px 0 #4338ca;
}

.bg-indigo-800 {
  background-color: #3730a3;
}

.text-indigo-800 {
  color: #3730a3;
}

.border-indigo-800 {
  border-color: #3730a3;
}

.shadow-indigo-800 {
  box-shadow: 0 1px 3px 0 #3730a3;
}

.hover\:bg-indigo-800:hover {
  background-color: #3730a3;
}

.hover\:text-indigo-800:hover {
  color: #3730a3;
}

.hover\:border-indigo-800:hover {
  border-color: #3730a3;
}

.hover\:shadow-indigo-800:hover {
  box-shadow: 0 1px 3px 0 #3730a3;
}

.bg-indigo-900 {
  background-color: #312e81;
}

.text-indigo-900 {
  color: #312e81;
}

.border-indigo-900 {
  border-color: #312e81;
}

.shadow-indigo-900 {
  box-shadow: 0 1px 3px 0 #312e81;
}

.hover\:bg-indigo-900:hover {
  background-color: #312e81;
}

.hover\:text-indigo-900:hover {
  color: #312e81;
}

.hover\:border-indigo-900:hover {
  border-color: #312e81;
}

.hover\:shadow-indigo-900:hover {
  box-shadow: 0 1px 3px 0 #312e81;
}

.bg-cyan-50 {
  background-color: #ecfeff;
}

.text-cyan-50 {
  color: #ecfeff;
}

.border-cyan-50 {
  border-color: #ecfeff;
}

.shadow-cyan-50 {
  box-shadow: 0 1px 3px 0 #ecfeff;
}

.hover\:bg-cyan-50:hover {
  background-color: #ecfeff;
}

.hover\:text-cyan-50:hover {
  color: #ecfeff;
}

.hover\:border-cyan-50:hover {
  border-color: #ecfeff;
}

.hover\:shadow-cyan-50:hover {
  box-shadow: 0 1px 3px 0 #ecfeff;
}

.bg-cyan-100 {
  background-color: #cffafe;
}

.text-cyan-100 {
  color: #cffafe;
}

.border-cyan-100 {
  border-color: #cffafe;
}

.shadow-cyan-100 {
  box-shadow: 0 1px 3px 0 #cffafe;
}

.hover\:bg-cyan-100:hover {
  background-color: #cffafe;
}

.hover\:text-cyan-100:hover {
  color: #cffafe;
}

.hover\:border-cyan-100:hover {
  border-color: #cffafe;
}

.hover\:shadow-cyan-100:hover {
  box-shadow: 0 1px 3px 0 #cffafe;
}

.bg-cyan-200 {
  background-color: #a5f3fc;
}

.text-cyan-200 {
  color: #a5f3fc;
}

.border-cyan-200 {
  border-color: #a5f3fc;
}

.shadow-cyan-200 {
  box-shadow: 0 1px 3px 0 #a5f3fc;
}

.hover\:bg-cyan-200:hover {
  background-color: #a5f3fc;
}

.hover\:text-cyan-200:hover {
  color: #a5f3fc;
}

.hover\:border-cyan-200:hover {
  border-color: #a5f3fc;
}

.hover\:shadow-cyan-200:hover {
  box-shadow: 0 1px 3px 0 #a5f3fc;
}

.bg-cyan-300 {
  background-color: #67e8f9;
}

.text-cyan-300 {
  color: #67e8f9;
}

.border-cyan-300 {
  border-color: #67e8f9;
}

.shadow-cyan-300 {
  box-shadow: 0 1px 3px 0 #67e8f9;
}

.hover\:bg-cyan-300:hover {
  background-color: #67e8f9;
}

.hover\:text-cyan-300:hover {
  color: #67e8f9;
}

.hover\:border-cyan-300:hover {
  border-color: #67e8f9;
}

.hover\:shadow-cyan-300:hover {
  box-shadow: 0 1px 3px 0 #67e8f9;
}

.bg-cyan-400 {
  background-color: #22d3ee;
}

.text-cyan-400 {
  color: #22d3ee;
}

.border-cyan-400 {
  border-color: #22d3ee;
}

.shadow-cyan-400 {
  box-shadow: 0 1px 3px 0 #22d3ee;
}

.hover\:bg-cyan-400:hover {
  background-color: #22d3ee;
}

.hover\:text-cyan-400:hover {
  color: #22d3ee;
}

.hover\:border-cyan-400:hover {
  border-color: #22d3ee;
}

.hover\:shadow-cyan-400:hover {
  box-shadow: 0 1px 3px 0 #22d3ee;
}

.bg-cyan-500 {
  background-color: #06b6d4;
}

.text-cyan-500 {
  color: #06b6d4;
}

.border-cyan-500 {
  border-color: #06b6d4;
}

.shadow-cyan-500 {
  box-shadow: 0 1px 3px 0 #06b6d4;
}

.hover\:bg-cyan-500:hover {
  background-color: #06b6d4;
}

.hover\:text-cyan-500:hover {
  color: #06b6d4;
}

.hover\:border-cyan-500:hover {
  border-color: #06b6d4;
}

.hover\:shadow-cyan-500:hover {
  box-shadow: 0 1px 3px 0 #06b6d4;
}

.bg-cyan-600 {
  background-color: #0891b2;
}

.text-cyan-600 {
  color: #0891b2;
}

.border-cyan-600 {
  border-color: #0891b2;
}

.shadow-cyan-600 {
  box-shadow: 0 1px 3px 0 #0891b2;
}

.hover\:bg-cyan-600:hover {
  background-color: #0891b2;
}

.hover\:text-cyan-600:hover {
  color: #0891b2;
}

.hover\:border-cyan-600:hover {
  border-color: #0891b2;
}

.hover\:shadow-cyan-600:hover {
  box-shadow: 0 1px 3px 0 #0891b2;
}

.bg-cyan-700 {
  background-color: #0e7490;
}

.text-cyan-700 {
  color: #0e7490;
}

.border-cyan-700 {
  border-color: #0e7490;
}

.shadow-cyan-700 {
  box-shadow: 0 1px 3px 0 #0e7490;
}

.hover\:bg-cyan-700:hover {
  background-color: #0e7490;
}

.hover\:text-cyan-700:hover {
  color: #0e7490;
}

.hover\:border-cyan-700:hover {
  border-color: #0e7490;
}

.hover\:shadow-cyan-700:hover {
  box-shadow: 0 1px 3px 0 #0e7490;
}

.bg-cyan-800 {
  background-color: #155e75;
}

.text-cyan-800 {
  color: #155e75;
}

.border-cyan-800 {
  border-color: #155e75;
}

.shadow-cyan-800 {
  box-shadow: 0 1px 3px 0 #155e75;
}

.hover\:bg-cyan-800:hover {
  background-color: #155e75;
}

.hover\:text-cyan-800:hover {
  color: #155e75;
}

.hover\:border-cyan-800:hover {
  border-color: #155e75;
}

.hover\:shadow-cyan-800:hover {
  box-shadow: 0 1px 3px 0 #155e75;
}

.bg-cyan-900 {
  background-color: #164e63;
}

.text-cyan-900 {
  color: #164e63;
}

.border-cyan-900 {
  border-color: #164e63;
}

.shadow-cyan-900 {
  box-shadow: 0 1px 3px 0 #164e63;
}

.hover\:bg-cyan-900:hover {
  background-color: #164e63;
}

.hover\:text-cyan-900:hover {
  color: #164e63;
}

.hover\:border-cyan-900:hover {
  border-color: #164e63;
}

.hover\:shadow-cyan-900:hover {
  box-shadow: 0 1px 3px 0 #164e63;
}

.bg-teal-50 {
  background-color: #f0fdfa;
}

.text-teal-50 {
  color: #f0fdfa;
}

.border-teal-50 {
  border-color: #f0fdfa;
}

.shadow-teal-50 {
  box-shadow: 0 1px 3px 0 #f0fdfa;
}

.hover\:bg-teal-50:hover {
  background-color: #f0fdfa;
}

.hover\:text-teal-50:hover {
  color: #f0fdfa;
}

.hover\:border-teal-50:hover {
  border-color: #f0fdfa;
}

.hover\:shadow-teal-50:hover {
  box-shadow: 0 1px 3px 0 #f0fdfa;
}

.bg-teal-100 {
  background-color: #ccfbf1;
}

.text-teal-100 {
  color: #ccfbf1;
}

.border-teal-100 {
  border-color: #ccfbf1;
}

.shadow-teal-100 {
  box-shadow: 0 1px 3px 0 #ccfbf1;
}

.hover\:bg-teal-100:hover {
  background-color: #ccfbf1;
}

.hover\:text-teal-100:hover {
  color: #ccfbf1;
}

.hover\:border-teal-100:hover {
  border-