@charset "UTF-8";/**
 * GM Notification Sender Styles
 */

.gm-notification-sender {
  position: relative;
}

/* Toggle Button */

.gm-notification-toggle {
  padding: 8px 16px;
  background-color: #0d6efd;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
}

.gm-notification-toggle:hover:not(:disabled) {
  background-color: #0b5ed7;
}

.gm-notification-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Sender Panel */

.gm-notification-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  animation: panelFadeIn 0.2s ease-out;
}

/* Backdrop */

.gm-notification-panel::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

@keyframes panelFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Panel Header */

.panel-header {
  padding: 16px 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #212529;
}

.panel-close {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
  padding: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.panel-close:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Notification Form */

.notification-form {
  padding: 20px;
  overflow-y: auto;
  max-height: calc(90vh - 70px);
}

/* Warning Banner */

.warning-banner {
  padding: 12px;
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 6px;
  color: #856404;
  font-size: 13px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Form Fields */

.form-field {
  margin-bottom: 16px;
}

.form-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #212529;
}

.form-field label input[type='checkbox'] {
  margin-right: 8px;
}

.form-field label span {
  vertical-align: middle;
}

.form-field input[type='text'],
.form-field input[type='number'],
.form-field textarea,
.form-field select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.2s;
}

.form-field input[type='text']:focus,
.form-field input[type='number']:focus,
.form-field textarea:focus,
.form-field select:focus {
  outline: none;
  border-color: #0d6efd;
}

.form-field textarea {
  resize: vertical;
  min-height: 80px;
}

.char-count {
  display: block;
  font-size: 12px;
  color: #6c757d;
  margin-top: 4px;
  text-align: right;
}

.field-help {
  display: block;
  font-size: 12px;
  color: #6c757d;
  margin-top: 4px;
  font-style: italic;
}

/* Form Actions */

.form-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.button-secondary,
.button-primary {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.button-secondary {
  background-color: #f8f9fa;
  color: #212529;
}

.button-secondary:hover {
  background-color: #e2e6ea;
}

.button-primary {
  background-color: #0d6efd;
  color: white;
}

.button-primary:hover:not(:disabled) {
  background-color: #0b5ed7;
}

.button-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Dark mode support */

@media (prefers-color-scheme: dark) {
  .gm-notification-panel {
    background: #2d2d2d;
  }

  .panel-header {
    border-bottom-color: #404040;
  }

  .panel-header h3 {
    color: #f8f9fa;
  }

  .panel-close {
    color: #adb5bd;
  }

  .panel-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .warning-banner {
    background-color: #664d03;
    border-color: #ffc107;
    color: #ffecb5;
  }

  .form-field label {
    color: #f8f9fa;
  }

  .form-field input[type='text'],
  .form-field input[type='number'],
  .form-field textarea,
  .form-field select {
    background-color: #3a3a3a;
    border-color: #555;
    color: #f8f9fa;
  }

  .form-field input[type='text']:focus,
  .form-field input[type='number']:focus,
  .form-field textarea:focus,
  .form-field select:focus {
    border-color: #4c8fff;
  }

  .char-count,
  .field-help {
    color: #adb5bd;
  }

  .form-actions {
    border-top-color: #404040;
  }

  .button-secondary {
    background-color: #3a3a3a;
    color: #f8f9fa;
  }

  .button-secondary:hover {
    background-color: #4a4a4a;
  }

  .button-primary {
    background-color: #4c8fff;
  }

  .button-primary:hover:not(:disabled) {
    background-color: #3a7fe8;
  }
}

/* Mobile responsive */

@media (max-width: 768px) {
  .gm-notification-panel {
    width: 95%;
    max-width: none;
  }

  .notification-form {
    padding: 16px;
  }

  .form-actions {
    flex-direction: column-reverse;
  }

  .button-secondary,
  .button-primary {
    width: 100%;
  }
}
/**
 * Notification Center Styles
 */

.notification-center {
  position: relative;
}

/* Bell Button */

.notification-bell {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 8px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-bell:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.bell-icon {
  font-size: 18px;
  line-height: 1;
}

.notification-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  background-color: #dc3545;
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 10px;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: badgePulse 2s ease-in-out infinite;
}

@keyframes badgePulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

/* Dropdown Panel */

.notification-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 400px;
  max-height: 600px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  animation: dropdownFadeIn 0.2s ease-out;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Dropdown Header */

.notification-dropdown-header {
  padding: 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notification-dropdown-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #212529;
}

.notification-actions {
  display: flex;
  gap: 8px;
}

.action-button {
  background: none;
  border: none;
  font-size: 12px;
  color: #6c757d;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.action-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.action-button.danger {
  color: #dc3545;
}

.action-button.danger:hover {
  background-color: rgba(220, 53, 69, 0.1);
}

/* Notification List */

.notification-list {
  overflow-y: auto;
  max-height: 500px;
}

.notification-empty {
  padding: 40px 20px;
  text-align: center;
  color: #6c757d;
}

.empty-icon {
  font-size: 48px;
  display: block;
  margin-bottom: 12px;
}

.notification-empty p {
  margin: 0;
  font-size: 14px;
}

/* Notification Item */

.notification-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background-color 0.2s;
  position: relative;
}

.notification-item:hover {
  background-color: #f8f9fa;
}

.notification-item:last-child {
  border-bottom: none;
}

.notification-item.unread {
  background-color: #e7f3ff;
}

.notification-item.unread:hover {
  background-color: #d4e9ff;
}

/* Unread indicator dot */

.unread-indicator {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0d6efd;
}

.notification-item.unread {
  padding-left: 20px;
}

/* Priority border (left side) */

.notification-item.priority-urgent {
  border-left: 3px solid #dc3545;
}

.notification-item.priority-high {
  border-left: 3px solid #fd7e14;
}

/* Item Icon */

.notification-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  line-height: 1;
}

/* Item Content */

.notification-item-content {
  flex: 1;
  min-width: 0;
}

.notification-item-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
}

.notification-item-title {
  font-size: 13px;
  font-weight: 600;
  color: #212529;
}

.notification-item-time {
  font-size: 11px;
  color: #6c757d;
  white-space: nowrap;
}

.notification-item-message {
  font-size: 13px;
  color: #495057;
  margin: 0 0 6px 0;
  line-height: 1.4;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.notification-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.notification-item-from {
  font-size: 11px;
  color: #6c757d;
  font-style: italic;
}

.notification-item-action {
  font-size: 11px;
  color: #0d6efd;
  font-weight: 500;
}

/* Item Dismiss Button */

.notification-item-dismiss {
  flex-shrink: 0;
  background: none;
  border: none;
  color: #6c757d;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
  opacity: 0;
}

.notification-item:hover .notification-item-dismiss {
  opacity: 1;
}

.notification-item-dismiss:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Dark mode support */

@media (prefers-color-scheme: dark) {
  .notification-bell:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .notification-dropdown {
    background: #2d2d2d;
    border-color: #404040;
  }

  .notification-dropdown-header {
    border-bottom-color: #404040;
  }

  .notification-dropdown-header h3 {
    color: #f8f9fa;
  }

  .action-button {
    color: #adb5bd;
  }

  .action-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .action-button.danger {
    color: #f8859b;
  }

  .action-button.danger:hover {
    background-color: rgba(220, 53, 69, 0.2);
  }

  .notification-item {
    border-bottom-color: #404040;
  }

  .notification-item:hover {
    background-color: #3a3a3a;
  }

  .notification-item.unread {
    background-color: #1e3a5f;
  }

  .notification-item.unread:hover {
    background-color: #2a4a70;
  }

  .notification-item-title {
    color: #f8f9fa;
  }

  .notification-item-message {
    color: #dee2e6;
  }

  .notification-item-time,
  .notification-item-from {
    color: #adb5bd;
  }

  .notification-item-dismiss {
    color: #adb5bd;
  }

  .notification-item-dismiss:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

/* Mobile responsive */

@media (max-width: 768px) {
  .notification-dropdown {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 70px);
    border-radius: 0;
  }
}
/**
 * Notification Toast Styles
 */

.notification-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 400px;
  pointer-events: none;
}

.notification-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-left: 4px solid var(--notification-color);
  pointer-events: auto;
  animation: slideIn 0.3s ease-out;
  min-width: 320px;
  max-width: 400px;
}

.notification-toast.exiting {
  animation: slideOut 0.3s ease-in;
}

/* Priority colors */

.notification-toast.priority-low {
  --notification-color: #6c757d;
}

.notification-toast.priority-normal {
  --notification-color: #0d6efd;
}

.notification-toast.priority-high {
  --notification-color: #fd7e14;
}

.notification-toast.priority-urgent {
  --notification-color: #dc3545;
  animation: slideIn 0.3s ease-out, pulse 1.5s ease-in-out infinite;
}

/* Icon */

.notification-icon {
  font-size: 24px;
  flex-shrink: 0;
  line-height: 1;
}

/* Content */

.notification-content {
  flex: 1;
  min-width: 0;
}

.notification-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

.notification-title {
  font-size: 14px;
  font-weight: 600;
  color: #212529;
}

.notification-from {
  font-size: 12px;
  color: #6c757d;
  font-style: italic;
}

.notification-message {
  font-size: 14px;
  color: #495057;
  margin: 0 0 8px 0;
  line-height: 1.4;
  word-wrap: break-word;
}

.notification-action {
  display: inline-block;
  font-size: 13px;
  color: var(--notification-color);
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.2s;
}

.notification-action:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Dismiss button */

.notification-dismiss {
  flex-shrink: 0;
  background: none;
  border: none;
  color: #6c757d;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.notification-dismiss:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Animations */

@keyframes slideIn {
  from {
    transform: translateX(120%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes pulse {
  0%,
  100% {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  50% {
    box-shadow: 0 4px 20px rgba(220, 53, 69, 0.3);
  }
}

/* Dark mode support */

@media (prefers-color-scheme: dark) {
  .notification-toast {
    background: #2d2d2d;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  }

  .notification-title {
    color: #f8f9fa;
  }

  .notification-message {
    color: #dee2e6;
  }

  .notification-from {
    color: #adb5bd;
  }

  .notification-dismiss {
    color: #adb5bd;
  }

  .notification-dismiss:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

/* Mobile responsive */

@media (max-width: 768px) {
  .notification-toast-container {
    right: 12px;
    left: 12px;
    top: 12px;
    max-width: none;
  }

  .notification-toast {
    min-width: 0;
    max-width: none;
  }
}
/**
 * Campaign Chat Styles - DSA Theme
 *
 * Minimal custom CSS - only for complex animations and pseudo-elements
 * All layout and styling handled by Tailwind classes in JSX
 */

/* =============================================
   Complex Animations & Pseudo-elements Only
   ============================================= */

.chat-header-gradient::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right, transparent, #d4a017, transparent);
}

.status-pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* =============================================
   Custom Scrollbar (Webkit only)
   ============================================= */

.chat-scroll::-webkit-scrollbar {
  width: 8px;
}

.chat-scroll::-webkit-scrollbar-track {
  background: #f5f0e8;
}

.chat-scroll::-webkit-scrollbar-thumb {
  background: #d4c3a0;
  border-radius: 4px;
}

.chat-scroll::-webkit-scrollbar-thumb:hover {
  background: #b8a176;
}

/* Dark mode scrollbar */

@media (prefers-color-scheme: dark) {
  .chat-scroll::-webkit-scrollbar-track {
    background: #3d1f09;
  }

  .chat-scroll::-webkit-scrollbar-thumb {
    background: #7a5907;
  }

  .chat-scroll::-webkit-scrollbar-thumb:hover {
    background: #996f09;
  }
}
/**
 * Dice Roll Feed Styles
 */

.dice-roll-feed {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.dice-roll-feed.compact {
  font-size: 0.9em;
}

/* Header */

.dice-roll-feed-header {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  color: inherit;
}

.feed-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.feed-icon {
  font-size: 20px;
}

.feed-actions {
  display: flex;
  gap: 8px;
}

.clear-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  opacity: 0.8;
  transition: opacity 0.2s;
  padding: 4px;
}

.clear-button:hover {
  opacity: 1;
}

/* Filters */

.dice-roll-filters {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  gap: 12px;
  align-items: center;
  background: #f8f9fa;
}

.filter-select {
  padding: 6px 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  background: white;
  cursor: pointer;
}

.filter-checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.filter-checkbox input {
  cursor: pointer;
}

/* Feed List */

.dice-roll-list {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.feed-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  padding: 40px 20px;
}

.empty-icon {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}

.feed-empty p {
  margin: 0;
  font-size: 14px;
}

/* Dice Roll Item */

.dice-roll-item {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.dice-roll-item.animating {
  animation: rollFadeIn 0.5s ease-out;
}

@keyframes rollFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Result type styling */

.dice-roll-item.result-critical {
  border-left: 4px solid #28a745;
  background: linear-gradient(90deg, rgba(40, 167, 69, 0.05) 0%, transparent 100%);
}

.dice-roll-item.result-fumble {
  border-left: 4px solid #dc3545;
  background: linear-gradient(90deg, rgba(220, 53, 69, 0.05) 0%, transparent 100%);
}

.dice-roll-item.result-success {
  border-left: 4px solid #0d6efd;
  background: linear-gradient(90deg, rgba(13, 110, 253, 0.05) 0%, transparent 100%);
}

/* Roll Icon */

.roll-icon {
  font-size: 24px;
  flex-shrink: 0;
  line-height: 1;
}

/* Roll Content */

.roll-content {
  flex: 1;
  min-width: 0;
}

.roll-header {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

.roll-user {
  font-weight: 600;
  color: #212529;
  font-size: 13px;
}

.roll-character {
  font-size: 12px;
  color: #6c757d;
  font-style: italic;
}

.roll-time {
  font-size: 11px;
  color: #adb5bd;
  margin-left: auto;
}

.roll-description {
  font-size: 13px;
  color: #495057;
  margin-bottom: 6px;
  font-style: italic;
}

/* Roll Result */

.roll-result {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.roll-formula {
  color: #6c757d;
  font-family: 'Courier New', monospace;
}

.roll-modifier {
  color: #495057;
  font-family: 'Courier New', monospace;
}

.roll-separator {
  color: #adb5bd;
}

.roll-total {
  color: #212529;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}

/* Badges */

.roll-badge {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 4px;
}

.roll-badge.critical {
  background: #28a745;
  color: white;
}

.roll-badge.fumble {
  background: #dc3545;
  color: white;
}

.roll-badge.success {
  background: #0d6efd;
  color: white;
}

/* Dice Breakdown */

.roll-dice {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.die-result {
  font-size: 11px;
  color: #6c757d;
  background: #f8f9fa;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
}

/* Scroll to bottom button */

.scroll-to-bottom {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: #667eea;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  transition: all 0.2s;
  z-index: 10;
}

.scroll-to-bottom:hover {
  background: #5568d3;
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
}

/* Compact mode adjustments */

.dice-roll-feed.compact .dice-roll-item {
  padding: 8px;
  gap: 8px;
}

.dice-roll-feed.compact .roll-icon {
  font-size: 18px;
}

.dice-roll-feed.compact .roll-total {
  font-size: 16px;
}

/* Dark mode support */

@media (prefers-color-scheme: dark) {
  .dice-roll-feed {
    background: #2d2d2d;
  }

  .dice-roll-feed-header {
    border-bottom-color: #404040;
  }

  .dice-roll-filters {
    background: #3a3a3a;
    border-bottom-color: #404040;
  }

  .filter-select {
    background: #2d2d2d;
    border-color: #555;
    color: #f8f9fa;
  }

  .dice-roll-list {
    background: #2d2d2d;
  }

  .dice-roll-item {
    background: #3a3a3a;
    border-color: #555;
  }

  .roll-user {
    color: #f8f9fa;
  }

  .roll-description {
    color: #dee2e6;
  }

  .roll-total {
    color: #f8f9fa;
  }

  .die-result {
    background: #2d2d2d;
    color: #adb5bd;
  }
}

/* Mobile responsive */

@media (max-width: 768px) {
  .dice-roll-feed-header {
    padding: 10px 12px;
  }

  .feed-title {
    font-size: 14px;
  }

  .dice-roll-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-select {
    width: 100%;
  }

  .dice-roll-item {
    padding: 10px;
  }

  .roll-icon {
    font-size: 20px;
  }
}
/**
 * Share Dice Roll Button Styles
 */

.share-dice-roll-container {
  position: relative;
  display: inline-block;
}

/* Button Base */

.share-dice-roll-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

.share-dice-roll-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Variants */

.share-dice-roll-button.primary {
  background: #667eea;
  color: white;
}

.share-dice-roll-button.primary:hover:not(:disabled) {
  background: #5568d3;
}

.share-dice-roll-button.secondary {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #ced4da;
}

.share-dice-roll-button.secondary:hover:not(:disabled) {
  background: #e2e6ea;
  border-color: #adb5bd;
}

.share-dice-roll-button.icon {
  background: transparent;
  color: #6c757d;
  padding: 6px;
}

.share-dice-roll-button.icon:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  color: #495057;
}

/* Sizes */

.share-dice-roll-button.small {
  padding: 4px 8px;
  font-size: 12px;
}

.share-dice-roll-button.medium {
  padding: 8px 12px;
  font-size: 14px;
}

.share-dice-roll-button.large {
  padding: 10px 16px;
  font-size: 16px;
}

.share-dice-roll-button.icon.small {
  padding: 4px;
}

.share-dice-roll-button.icon.medium {
  padding: 6px;
}

.share-dice-roll-button.icon.large {
  padding: 8px;
}

/* Icons */

.share-icon,
.sharing-icon {
  font-size: 1.1em;
  line-height: 1;
}

/* Sharing animation */

.share-dice-roll-button.sharing {
  animation: shareSuccess 0.5s ease-out;
}

@keyframes shareSuccess {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    background: #28a745;
    color: white;
  }
  100% {
    transform: scale(1);
  }
}

/* Visibility Menu */

.visibility-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 220px;
  animation: menuFadeIn 0.2s ease-out;
}

@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.visibility-option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: none;
  background: none;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
}

.visibility-option:first-child {
  border-radius: 8px 8px 0 0;
}

.visibility-option:last-child {
  border-radius: 0 0 8px 8px;
}

.visibility-option:hover {
  background: #f8f9fa;
}

.visibility-option + .visibility-option {
  border-top: 1px solid #f0f0f0;
}

.option-icon {
  font-size: 20px;
  line-height: 1;
}

.option-content {
  flex: 1;
  min-width: 0;
}

.option-content strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 2px;
}

.option-content small {
  display: block;
  font-size: 11px;
  color: #6c757d;
  line-height: 1.3;
}

/* Dark mode support */

@media (prefers-color-scheme: dark) {
  .share-dice-roll-button.secondary {
    background: #3a3a3a;
    color: #f8f9fa;
    border-color: #555;
  }

  .share-dice-roll-button.secondary:hover:not(:disabled) {
    background: #4a4a4a;
    border-color: #666;
  }

  .share-dice-roll-button.icon {
    color: #adb5bd;
  }

  .share-dice-roll-button.icon:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }

  .visibility-menu {
    background: #2d2d2d;
    border-color: #555;
  }

  .visibility-option:hover {
    background: #3a3a3a;
  }

  .visibility-option + .visibility-option {
    border-top-color: #404040;
  }

  .option-content strong {
    color: #f8f9fa;
  }

  .option-content small {
    color: #adb5bd;
  }
}

/* Mobile responsive */

@media (max-width: 768px) {
  .visibility-menu {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* ============================================
   DSA Login Page - Tavern Welcome Board
   ============================================ */

/* ----------------------------------------
   1. FULL-SCREEN BACKGROUND
   ---------------------------------------- */

.login-page-container {
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.login-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;

  /* Parchment/leather base gradient */
  background: radial-gradient(ellipse at center, hsl(35, 35%, 88%) 0%, hsl(35, 30%, 82%) 40%, hsl(35, 25%, 75%) 100%);

  /* Paper texture overlay (subtle) */
  background-image:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0px, transparent 1px, transparent 2px, rgba(0, 0, 0, 0.02) 3px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.015) 0px, transparent 1px, transparent 2px, rgba(0, 0, 0, 0.015) 3px);
}

/* Dark mode background */

.dark .login-background {
  /* Leather gradient for dark mode */
  background: radial-gradient(ellipse at center, hsl(25, 20%, 12%) 0%, hsl(25, 18%, 10%) 40%, hsl(25, 15%, 8%) 100%);

  /* Subtle texture for dark mode */
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0px, transparent 1px, transparent 2px, rgba(255, 255, 255, 0.015) 3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0px, transparent 1px, transparent 2px, rgba(255, 255, 255, 0.01) 3px);
}

/* ----------------------------------------
   2. ANIMATIONS (Keyframes)
   ---------------------------------------- */

@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes shimmer {
  0%,
  100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}

@keyframes inputFocusPulse {
  0%,
  100% {
    box-shadow: 0 0 0 2px rgba(217, 164, 65, 0.3);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.5);
  }
}

@keyframes buttonGlow {
  0%,
  100% {
    box-shadow: 0 0 10px rgba(217, 164, 65, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(217, 164, 65, 0.6);
  }
}

@keyframes brassShine {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
}

@keyframes spinSword {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes floatSword {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}

/* ----------------------------------------
   3. RESPONSIVE BREAKPOINTS
   ---------------------------------------- */

/* Mobile-First Base (320-767px) */

.login-page-container {
  font-size: 16px; /* Prevents iOS zoom */
  padding: 1rem;
}

/* Tablet Enhancement (768px+) */

@media (min-width: 768px) {
  .login-page-container {
    padding: 2rem;
    font-size: 18px;
  }
}

/* Desktop Enhancement (1024px+) */

@media (min-width: 1024px) {
  .login-page-container {
    padding: 2rem;
  }
}

/* ----------------------------------------
   4. TAVERN WELCOME SIGN
   ---------------------------------------- */

.tavern-welcome-sign {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
  padding: 1rem 1rem;
  background: linear-gradient(135deg, hsl(30, 45%, 60%) 0%, hsl(30, 40%, 55%) 50%, hsl(30, 45%, 60%) 100%);
  border: 3px solid hsl(30, 35%, 45%);
  border-radius: 0.75rem;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);

  /* Entrance animation */
  animation: slideInFromTop 0.6s ease-out;
}

/* Dark mode tavern sign */

.dark .tavern-welcome-sign {
  background: linear-gradient(135deg, hsl(30, 35%, 35%) 0%, hsl(30, 30%, 30%) 50%, hsl(30, 35%, 35%) 100%);
  border-color: hsl(30, 25%, 25%);
}

/* Hanging chain decoration */

.tavern-sign-chain {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 1.5rem;
  background: linear-gradient(to bottom, hsl(0, 0%, 40%), hsl(0, 0%, 50%));
  border-radius: 2px;
}

.tavern-sign-chain::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border: 3px solid hsl(0, 0%, 45%);
  border-radius: 50%;
  background: transparent;
}

/* Logo with gold shimmer */

.tavern-sign-logo {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: radial-gradient(circle, hsl(43, 74%, 65%) 0%, hsl(43, 74%, 49%) 70%, hsl(43, 60%, 40%) 100%);
  border-radius: 50%;
  box-shadow:
    0 0 20px rgba(217, 164, 65, 0.4),
    inset 0 2px 4px rgba(255, 255, 255, 0.3);
  animation: shimmer 3s ease-in-out infinite;
}

/* Responsive tavern sign */

@media (min-width: 768px) {
  .tavern-welcome-sign {
    padding: 1.5rem 2rem;
    margin-bottom: 1.5rem;
  }

  .tavern-sign-logo {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .tavern-welcome-sign {
    padding: 1.5rem 2rem;
  }
}

/* ----------------------------------------
   5. BRASS CORNER ORNAMENTS
   ---------------------------------------- */

.corner-ornament-wrapper {
  position: relative;
}

.brass-corners::before,
.brass-corners::after,
.brass-corners > *:first-child::before,
.brass-corners > *:first-child::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, hsl(43, 60%, 50%) 0%, hsl(30, 50%, 40%) 100%);
  border: 2px solid hsl(30, 40%, 35%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 10;
  pointer-events: none;
  transition: filter 0.3s ease;
}

/* Top-left corner */

.brass-corners::before {
  top: -2px;
  left: -2px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Top-right corner */

.brass-corners::after {
  top: -2px;
  right: -2px;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
}

/* Bottom-left corner */

.brass-corners > *:first-child::before {
  bottom: -2px;
  left: -2px;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}

/* Bottom-right corner */

.brass-corners > *:first-child::after {
  bottom: -2px;
  right: -2px;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

/* Brass shine on card hover */

.brass-corners:hover::before,
.brass-corners:hover::after,
.brass-corners:hover > *:first-child::before,
.brass-corners:hover > *:first-child::after {
  animation: brassShine 1s ease-in-out;
}

/* Responsive brass corners */

@media (min-width: 768px) {
  .brass-corners::before,
  .brass-corners::after,
  .brass-corners > *:first-child::before,
  .brass-corners > *:first-child::after {
    width: 28px;
    height: 28px;
  }
}

@media (min-width: 1024px) {
  .brass-corners::before,
  .brass-corners::after,
  .brass-corners > *:first-child::before,
  .brass-corners > *:first-child::after {
    width: 32px;
    height: 32px;
  }
}

/* ----------------------------------------
   6. FORM ENHANCEMENTS
   ---------------------------------------- */

/* Login card with entrance animation */

.login-card-wrapper {
  animation: fadeInScale 0.6s ease-out 0.3s backwards;
}

/* Form fields with staggered entrance */

.form-field-1 {
  animation: fadeInScale 0.5s ease-out 0.5s backwards;
}

.form-field-2 {
  animation: fadeInScale 0.5s ease-out 0.6s backwards;
}

.form-field-3 {
  animation: fadeInScale 0.5s ease-out 0.7s backwards;
}

.form-field-4 {
  animation: fadeInScale 0.5s ease-out 0.8s backwards;
}

/* Enhanced input focus effect */

.enhanced-input:focus {
  animation: inputFocusPulse 0.6s ease-out;
}

/* Button with glow effect */

.gold-button {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, hsl(43, 74%, 49%) 0%, hsl(43, 74%, 45%) 100%);
  transition: all 0.3s ease;
}

.gold-button:hover {
  animation: buttonGlow 2s ease-in-out infinite;
  transform: scale(1.02);
}

.gold-button:active {
  transform: scale(0.98);
}

/* Loading state spinning sword */

.gold-button.loading::before {
  content: '⚔️';
  position: absolute;
  left: 1rem;
  animation: spinSword 1s linear infinite;
}

/* ----------------------------------------
   7. DESKTOP SIDE DECORATIONS
   ---------------------------------------- */

.floating-sword-left,
.floating-sword-right {
  position: fixed;
  font-size: 3rem;
  opacity: 0.1;
  pointer-events: none;
  animation: floatSword 6s ease-in-out infinite;
  z-index: 1;
}

.floating-sword-left {
  left: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.floating-sword-right {
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  animation-delay: 3s;
}

/* Hide on mobile/tablet */

@media (max-width: 1023px) {
  .floating-sword-left,
  .floating-sword-right {
    display: none;
  }
}

/* ----------------------------------------
   8. ACCESSIBILITY
   ---------------------------------------- */

/* Focus indicators */

*:focus-visible {
  outline: 2px solid hsl(43, 74%, 49%); /* dsa-gold-500 */
  outline-offset: 2px;
}

/* Reduced motion support */

@media (prefers-reduced-motion: reduce) {
  .login-page-container *,
  .login-page-container *::before,
  .login-page-container *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, 0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, 0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-copied-active-bg: #2e9b33;
  }
}
@media (prefers-color-scheme: light) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsl(210, 18%, 87%);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #d1242f;
    --color-danger-emphasis: #cf222e;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #9a6700;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #1f883d;
    --color-copied-active-bg: #2e9b33;
  }
}
[data-color-mode*='dark'] .wmde-markdown,
[data-color-mode*='dark'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='dark'],
.wmde-markdown[data-color-mode*='dark'],
body[data-color-mode*='dark'] {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
[data-color-mode*='light'] .wmde-markdown,
[data-color-mode*='light'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='light'],
.wmde-markdown[data-color-mode*='light'],
body[data-color-mode*='light'] {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}
.wmde-markdown details,
.wmde-markdown figcaption,
.wmde-markdown figure {
  display: block;
}
.wmde-markdown summary {
  display: list-item;
}
.wmde-markdown [hidden] {
  display: none !important;
}
.wmde-markdown a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.wmde-markdown a:active,
.wmde-markdown a:hover {
  outline-width: 0;
}
.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 600;
}
.wmde-markdown dfn {
  font-style: italic;
}
.wmde-markdown h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}
.wmde-markdown small {
  font-size: 90%;
}
.wmde-markdown sub,
.wmde-markdown sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.wmde-markdown sub {
  bottom: -0.25em;
}
.wmde-markdown sup {
  top: -0.5em;
}
.wmde-markdown img {
  display: inline-block;
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.wmde-markdown code,
.wmde-markdown kbd,
.wmde-markdown pre,
.wmde-markdown samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.wmde-markdown figure {
  margin: 1em 40px;
}
.wmde-markdown hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
}
.wmde-markdown input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wmde-markdown [type='button'],
.wmde-markdown [type='reset'],
.wmde-markdown [type='submit'] {
  -webkit-appearance: button;
}
.wmde-markdown [type='button']::-moz-focus-inner,
.wmde-markdown [type='reset']::-moz-focus-inner,
.wmde-markdown [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.wmde-markdown [type='button']:-moz-focusring,
.wmde-markdown [type='reset']:-moz-focusring,
.wmde-markdown [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.wmde-markdown [type='checkbox'],
.wmde-markdown [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.wmde-markdown [type='number']::-webkit-inner-spin-button,
.wmde-markdown [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.wmde-markdown [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.wmde-markdown [type='search']::-webkit-search-cancel-button,
.wmde-markdown [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.wmde-markdown a:hover {
  text-decoration: underline;
}
.wmde-markdown hr::before {
  display: table;
  content: '';
}
.wmde-markdown hr::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.wmde-markdown h4 {
  font-weight: 600;
  font-size: 1em;
}
.wmde-markdown h5 {
  font-weight: 600;
  font-size: 0.875em;
}
.wmde-markdown h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.wmde-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.wmde-markdown ol ol,
.wmde-markdown ul ol {
  list-style-type: lower-roman;
}
.wmde-markdown ul ul ol,
.wmde-markdown ul ol ol,
.wmde-markdown ol ul ol,
.wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}
.wmde-markdown dd {
  margin-left: 0;
}
.wmde-markdown tt,
.wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.wmde-markdown pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.wmde-markdown .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.wmde-markdown ::-moz-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown input::-webkit-outer-spin-button,
.wmde-markdown input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.wmde-markdown [data-catalyst] {
  display: block;
}
.wmde-markdown::before {
  display: table;
  content: '';
}
.wmde-markdown::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown > *:first-child {
  margin-top: 0 !important;
}
.wmde-markdown > *:last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.wmde-markdown .absent {
  color: var(--color-danger-fg);
}
.wmde-markdown a.anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.wmde-markdown .anchor:focus {
  outline: none;
}
.wmde-markdown p,
.wmde-markdown blockquote,
.wmde-markdown ul,
.wmde-markdown ol,
.wmde-markdown dl,
.wmde-markdown table,
.wmde-markdown pre,
.wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}
.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}
.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}
.wmde-markdown sup > a::before {
  content: '[';
}
.wmde-markdown sup > a::after {
  content: ']';
}
.wmde-markdown h1 .octicon-link,
.wmde-markdown h2 .octicon-link,
.wmde-markdown h3 .octicon-link,
.wmde-markdown h4 .octicon-link,
.wmde-markdown h5 .octicon-link,
.wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.wmde-markdown h1:hover .anchor,
.wmde-markdown h2:hover .anchor,
.wmde-markdown h3:hover .anchor,
.wmde-markdown h4:hover .anchor,
.wmde-markdown h5:hover .anchor,
.wmde-markdown h6:hover .anchor {
  text-decoration: none;
}
.wmde-markdown h1:hover .anchor .octicon-link,
.wmde-markdown h2:hover .anchor .octicon-link,
.wmde-markdown h3:hover .anchor .octicon-link,
.wmde-markdown h4:hover .anchor .octicon-link,
.wmde-markdown h5:hover .anchor .octicon-link,
.wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}
.wmde-markdown h1 tt,
.wmde-markdown h1 code,
.wmde-markdown h2 tt,
.wmde-markdown h2 code,
.wmde-markdown h3 tt,
.wmde-markdown h3 code,
.wmde-markdown h4 tt,
.wmde-markdown h4 code,
.wmde-markdown h5 tt,
.wmde-markdown h5 code,
.wmde-markdown h6 tt,
.wmde-markdown h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.wmde-markdown ul.no-list,
.wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}
.wmde-markdown ol[type='1'] {
  list-style-type: decimal;
}
.wmde-markdown ol[type='a'] {
  list-style-type: lower-alpha;
}
.wmde-markdown ol[type='i'] {
  list-style-type: lower-roman;
}
.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}
.wmde-markdown ul ul,
.wmde-markdown ul ol,
.wmde-markdown ol ol,
.wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wmde-markdown li > p {
  margin-top: 16px;
}
.wmde-markdown li + li {
  margin-top: 0.25em;
}
.wmde-markdown dl {
  padding: 0;
}
.wmde-markdown dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.wmde-markdown dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.wmde-markdown table th {
  font-weight: 600;
}
.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.wmde-markdown table img {
  background-color: transparent;
}
.wmde-markdown img[align='right'] {
  padding-left: 20px;
}
.wmde-markdown img[align='left'] {
  padding-right: 20px;
}
.wmde-markdown .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}
.wmde-markdown span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown span.frame span img {
  display: block;
  float: left;
}
.wmde-markdown span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.wmde-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.wmde-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.wmde-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.wmde-markdown span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}
.wmde-markdown span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown code,
.wmde-markdown tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.wmde-markdown code br,
.wmde-markdown tt br {
  display: none;
}
.wmde-markdown del code {
  text-decoration: inherit;
}
.wmde-markdown pre code {
  font-size: 100%;
}
.wmde-markdown pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.wmde-markdown pre {
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.wmde-markdown pre code,
.wmde-markdown pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.wmde-markdown pre > code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.wmde-markdown pre > code::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
.wmde-markdown pre > code::-webkit-scrollbar-thumb {
  background: var(--color-fg-muted);
  border-radius: 10px;
}
.wmde-markdown .csv-data td,
.wmde-markdown .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.wmde-markdown .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.wmde-markdown .csv-data tr {
  border-top: 0;
}
.wmde-markdown .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.wmde-markdown .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.wmde-markdown .footnotes ol {
  padding-left: 16px;
}
.wmde-markdown .footnotes li {
  position: relative;
}
.wmde-markdown .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}
.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.wmde-markdown .task-list-item {
  list-style-type: none;
}
.wmde-markdown .task-list-item label {
  font-weight: 400;
}
.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}
.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}
.wmde-markdown .task-list-item .handle {
  display: none;
}
.wmde-markdown .task-list-item-checkbox,
.wmde-markdown .contains-task-list input[type='checkbox'] {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,
.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {
  margin: 0 -1.6em 0.25em 0.2em;
}
.wmde-markdown ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.wmde-markdown pre {
  position: relative;
}
.wmde-markdown pre .copied {
  visibility: hidden;
  display: flex;
  position: absolute;
  cursor: pointer;
  color: var(--color-fg-default);
  top: 6px;
  right: 6px;
  border-radius: 5px;
  background: var(--color-border-default);
  padding: 6px;
  font-size: 12px;
  transition: all 0.3s;
}
.wmde-markdown pre .copied .octicon-copy {
  display: block;
}
.wmde-markdown pre .copied .octicon-check {
  display: none;
}
.wmde-markdown pre:hover .copied {
  visibility: visible;
}
.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}
.wmde-markdown pre:hover .copied:active,
.wmde-markdown pre .copied.active {
  background: var(--color-copied-active-bg);
  color: var(--color-canvas-default);
}
.wmde-markdown pre .active .octicon-copy {
  display: none;
}
.wmde-markdown pre .active .octicon-check {
  display: block;
}
.wmde-markdown .markdown-alert {
  padding: 0.5rem 1em;
  color: inherit;
  margin-bottom: 16px;
  border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));
}
.wmde-markdown .markdown-alert > :last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown .markdown-alert .markdown-alert-title {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}
.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {
  margin-right: var(--base-size-8, 8px) !important;
}
.wmde-markdown .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success, var(--color-success-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done, var(--color-done-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention, var(--color-attention-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.wmde-markdown .highlight-line {
  background-color: var(--color-neutral-muted);
}
.wmde-markdown .code-line.line-number::before {
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 16px;
  color: var(--color-fg-subtle);
  content: attr(line);
  white-space: nowrap;
}
.wmde-markdown .token.comment,
.wmde-markdown .token.prolog,
.wmde-markdown .token.doctype,
.wmde-markdown .token.cdata {
  color: var(--color-prettylights-syntax-comment);
}
.wmde-markdown .token.namespace {
  opacity: 0.7;
}
.wmde-markdown .token.property,
.wmde-markdown .token.tag,
.wmde-markdown .token.selector,
.wmde-markdown .token.constant,
.wmde-markdown .token.symbol,
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}
.wmde-markdown .token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}
.wmde-markdown .token.property-access,
.wmde-markdown .token.operator,
.wmde-markdown .token.boolean,
.wmde-markdown .token.number,
.wmde-markdown .token.selector .token.class,
.wmde-markdown .token.attr-name,
.wmde-markdown .token.string,
.wmde-markdown .token.char,
.wmde-markdown .token.builtin {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}
.wmde-markdown .code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.wmde-markdown .token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}
.wmde-markdown .code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.wmde-markdown .token.variable {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.entity,
.wmde-markdown .token.url,
.wmde-markdown .language-css .token.string,
.wmde-markdown .style .token.string {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.color,
.wmde-markdown .token.atrule,
.wmde-markdown .token.attr-value,
.wmde-markdown .token.function,
.wmde-markdown .token.class-name {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.rule,
.wmde-markdown .token.regex,
.wmde-markdown .token.important,
.wmde-markdown .token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}
.wmde-markdown .token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.wmde-markdown .token.important,
.wmde-markdown .token.bold {
  font-weight: bold;
}
.wmde-markdown .token.italic {
  font-style: italic;
}
.wmde-markdown .token.entity {
  cursor: help;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--md-editor-box-shadow-color);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--md-editor-box-shadow-color);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--md-editor-box-shadow-color);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--md-editor-box-shadow-color);
}
.w-md-editor-area {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-family: var(--md-editor-font-family) !important;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: var(--md-editor-font-family) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::-moz-selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold, #24292f);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity, #8250df);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
}
.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --md-editor-background-color: var(--color-canvas-default, #ffffff);
  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor.w-md-editor-rtl {
  direction: rtl !important;
  text-align: right !important;
}
.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
  right: unset !important;
  left: 0;
  text-align: right !important;
  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
}
.w-md-editor.w-md-editor-rtl .w-md-editor-text {
  text-align: right !important;
}
.w-md-editor-toolbar {
  height: -moz-fit-content;
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list li.task-list-item {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--md-editor-background-color);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}
.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor-area {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-family: var(--md-editor-font-family) !important;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: var(--md-editor-font-family) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::-moz-selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold, #24292f);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity, #8250df);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--md-editor-box-shadow-color);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--md-editor-box-shadow-color);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--md-editor-box-shadow-color);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--md-editor-box-shadow-color);
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --md-editor-background-color: var(--color-canvas-default, #ffffff);
  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor.w-md-editor-rtl {
  direction: rtl !important;
  text-align: right !important;
}
.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
  right: unset !important;
  left: 0;
  text-align: right !important;
  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
}
.w-md-editor.w-md-editor-rtl .w-md-editor-text {
  text-align: right !important;
}
.w-md-editor-toolbar {
  height: -moz-fit-content;
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list li.task-list-item {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--md-editor-background-color);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}
/**
 * MDX Content Clean Styles
 *
 * Uses Tailwind's @apply to inherit theme colors automatically.
 * When you update Tailwind config, these styles update too!
 */

.mdx-content-clean {
  /* Reset MDEditor's markdown preview styling */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* Only reset basic markdown elements, not our custom components */

.mdx-content-clean > p,
.mdx-content-clean > div,
.mdx-content-clean > h1,
.mdx-content-clean > h2,
.mdx-content-clean > h3 {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  padding: inherit;
  box-sizing: border-box;
}

/* Match spacing from direct component usage (space-y-3 = 0.75rem) */

.mdx-content-clean > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

/* Remove extra margins from MDX-rendered content */

.mdx-content-clean > *:first-child {
  margin-top: 0 !important;
}

.mdx-content-clean > *:last-child {
  margin-bottom: 0 !important;
}

/* Remove MDEditor's preview wrapper borders and backgrounds */

.mdx-content-clean .w-md-editor-preview {
  border-width: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
}

/**
 * MDEditor Tailwind Integration
 *
 * Make MDEditor respect Tailwind's theme instead of its own dark mode.
 * Uses @apply so it automatically updates when you change Tailwind colors!
 */

/* Light theme */

.w-md-editor {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}

.w-md-editor-toolbar {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.w-md-editor-preview {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}

.w-md-editor-input {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}

/* Dark mode - uses Tailwind's dark: variants */

.dark .w-md-editor {
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
}

.dark .w-md-editor-toolbar {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}

.dark .w-md-editor-preview {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
}

.dark .w-md-editor-input {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
}

/* ========================================
   FONT IMPORTS
   ========================================
   NOTE: Primary fonts (Inter, Cinzel) are loaded via
   src/utils/fontLoader.ts using JS imports because
   CSS @import does NOT work with Vite aliases.
   ======================================== */
/* Import RPG Awesome for fantasy icons */
/*!
 * RPG Awesome 0.0.2 by Daniela Howe, Ivan Montiel
 * License - https://github.com/nagoshiashumari/Rpg-Awesome/blob/master/LICENSE.md
 * (Font: SIL OFL 1.1, CSS: MIT License)
 */
.ra-fw,.ra-li{text-align:center}
@font-face{font-family:RPGAwesome;src:url(/assets/rpgawesome-webfont-BRLmZ7ej.eot?v=0.1.0);src:url(/assets/rpgawesome-webfont-BRLmZ7ej.eot?#iefix&v=0.1.0) format("embedded-opentype"),url(/assets/rpgawesome-webfont-Dqq2L5LG.woff?v=0.1.0) format("woff"),url(/assets/rpgawesome-webfont-BFwApLwb.ttf?v=0.1.0) format("truetype"),url(/assets/rpgawesome-webfont-DVZLXeu_.svg?v=0.1.0#rpg-awesome) format("svg");font-weight:400;font-style:normal}
.ra{font-family:RPGAwesome;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}
.ra-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-15%}
.ra-2x{font-size:2em}
.ra-3x{font-size:3em}
.ra-4x{font-size:4em}
.ra-5x{font-size:5em}
.ra-fw{width:1.2857142857em}
.ra-ul{list-style-type:none;margin-left:2.1428571429em;padding-left:0}
.ra-ul>li{position:relative}
.ra-li{left:-2.1428571429em;position:absolute;top:.1428571429em;width:2.1428571429em}
.ra-li.ra-lg{left:-1.8571428571em}
.ra-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}
.pull-right{float:right}
.pull-left{float:left}
.ra.pull-left{margin-right:.3em}
.ra.pull-right{margin-left:.3em}
.ra-spin{animation:ra-spin 2s infinite linear}
@keyframes ra-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
.ra-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}
.ra-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}
.ra-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}
.ra-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);transform:scale(-1,1)}
.ra-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:scale(1,-1)}
:root .ra-flip-horizontal,:root .ra-flip-vertical,:root .ra-rotate-180,:root .ra-rotate-270,:root .ra-rotate-90{filter:none}
.ra-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}
.ra-stack-1x,.ra-stack-2x{left:0;position:absolute;text-align:center;width:100%}
.ra-stack-1x{line-height:inherit}
.ra-stack-2x{font-size:2em}
.ra-inverse{color:#fff}
.ra-acid:before{content:""}
.ra-zigzag-leaf:before{content:""}
.ra-archer:before{content:""}
.ra-archery-target:before{content:""}
.ra-arena:before{content:""}
.ra-aries:before{content:""}
.ra-arrow-cluster:before{content:""}
.ra-arrow-flights:before{content:""}
.ra-arson:before{content:""}
.ra-aura:before{content:""}
.ra-aware:before{content:""}
.ra-axe:before{content:""}
.ra-axe-swing:before{content:""}
.ra-ball:before{content:""}
.ra-barbed-arrow:before{content:""}
.ra-barrier:before{content:""}
.ra-bat-sword:before{content:""}
.ra-battered-axe:before{content:""}
.ra-batteries:before{content:""}
.ra-battery-0:before{content:""}
.ra-battery-25:before{content:""}
.ra-battery-50:before{content:""}
.ra-battery-75:before{content:""}
.ra-battery-100:before{content:""}
.ra-battery-black:before{content:""}
.ra-battery-negative:before{content:""}
.ra-battery-positive:before{content:""}
.ra-battery-white:before{content:""}
.ra-batwings:before{content:""}
.ra-beam-wake:before{content:""}
.ra-bear-trap:before{content:""}
.ra-beer:before{content:""}
.ra-beetle:before{content:""}
.ra-bell:before{content:""}
.ra-biohazard:before{content:""}
.ra-bird-claw:before{content:""}
.ra-bird-mask:before{content:""}
.ra-blade-bite:before{content:""}
.ra-blast:before{content:""}
.ra-blaster:before{content:""}
.ra-bleeding-eye:before{content:""}
.ra-bleeding-hearts:before{content:""}
.ra-bolt-shield:before{content:""}
.ra-bomb-explosion:before{content:""}
.ra-bombs:before{content:""}
.ra-bone-bite:before{content:""}
.ra-bone-knife:before{content:""}
.ra-book:before{content:""}
.ra-boomerang:before{content:""}
.ra-boot-stomp:before{content:""}
.ra-bottle-vapors:before{content:""}
.ra-bottled-bolt:before{content:""}
.ra-bottom-right:before{content:""}
.ra-bowie-knife:before{content:""}
.ra-bowling-pin:before{content:""}
.ra-brain-freeze:before{content:""}
.ra-brandy-bottle:before{content:""}
.ra-bridge:before{content:""}
.ra-broadhead-arrow:before{content:""}
.ra-broadsword:before,.ra-sword:before{content:""}
.ra-broken-bone:before{content:""}
.ra-broken-bottle:before,.ra-broken-heart:before{content:""}
.ra-broken-shield:before{content:""}
.ra-broken-skull:before{content:""}
.ra-bubbling-potion:before{content:""}
.ra-bullets:before{content:""}
.ra-burning-book:before{content:""}
.ra-burning-embers:before{content:""}
.ra-burning-eye:before{content:""}
.ra-burning-meteor:before{content:""}
.ra-burst-blob:before{content:""}
.ra-butterfly:before{content:""}
.ra-campfire:before{content:""}
.ra-cancel:before{content:""}
.ra-cancer:before{content:""}
.ra-candle:before{content:""}
.ra-candle-fire:before{content:""}
.ra-cannon-shot:before{content:""}
.ra-capitol:before{content:""}
.ra-capricorn:before{content:""}
.ra-carrot:before{content:""}
.ra-castle-emblem:before{content:""}
.ra-castle-flag:before{content:""}
.ra-cat:before{content:""}
.ra-chain:before{content:""}
.ra-cheese:before{content:""}
.ra-chemical-arrow:before{content:""}
.ra-chessboard:before{content:""}
.ra-chicken-leg:before{content:""}
.ra-circle-of-circles:before{content:""}
.ra-circular-saw:before{content:""}
.ra-circular-shield:before{content:""}
.ra-cloak-and-dagger:before{content:""}
.ra-clockwork:before{content:""}
.ra-clover:before{content:""}
.ra-clovers:before{content:""}
.ra-clovers-card:before{content:""}
.ra-cluster-bomb:before{content:""}
.ra-coffee-mug:before{content:""}
.ra-cog:before{content:""}
.ra-cog-wheel:before{content:""}
.ra-cold-heart:before{content:""}
.ra-compass:before{content:""}
.ra-corked-tube:before{content:""}
.ra-crab-claw:before{content:""}
.ra-cracked-helm:before{content:""}
.ra-cracked-shield:before{content:""}
.ra-croc-sword:before{content:""}
.ra-crossbow:before{content:""}
.ra-crossed-axes:before{content:""}
.ra-crossed-bones:before{content:""}
.ra-crossed-pistols:before{content:""}
.ra-crossed-sabres:before{content:""}
.ra-crossed-swords:before{content:""}
.ra-crown:before{content:""}
.ra-crown-of-thorns:before{content:""}
.ra-crowned-heart:before{content:""}
.ra-crush:before{content:""}
.ra-crystal-ball:before{content:""}
.ra-crystal-cluster:before{content:""}
.ra-crystal-wand:before{content:""}
.ra-crystals:before{content:""}
.ra-cubes:before{content:""}
.ra-cut-palm:before{content:""}
.ra-cycle:before{content:""}
.ra-daggers:before{content:""}
.ra-daisy:before{content:""}
.ra-dead-tree:before{content:""}
.ra-death-skull:before{content:""}
.ra-decapitation:before{content:""}
.ra-defibrillate:before{content:""}
.ra-demolish:before{content:""}
.ra-dervish-swords:before{content:""}
.ra-desert-skull:before{content:""}
.ra-diamond:before{content:""}
.ra-diamonds:before{content:""}
.ra-diamonds-card:before{content:""}
.ra-dice-five:before{content:""}
.ra-dice-four:before{content:""}
.ra-dice-one:before{content:""}
.ra-dice-six:before{content:""}
.ra-dice-three:before{content:""}
.ra-dice-two:before{content:""}
.ra-dinosaur:before{content:""}
.ra-divert:before{content:""}
.ra-diving-dagger:before{content:""}
.ra-double-team:before{content:""}
.ra-doubled:before{content:""}
.ra-dragon:before{content:""}
.ra-dragon-breath:before{content:""}
.ra-dragon-wing:before{content:""}
.ra-dragonfly:before{content:""}
.ra-drill:before{content:""}
.ra-dripping-blade:before{content:""}
.ra-dripping-knife:before{content:""}
.ra-dripping-sword:before{content:""}
.ra-droplet:before{content:""}
.ra-droplet-splash:before{content:""}
.ra-droplets:before{content:""}
.ra-duel:before{content:""}
.ra-egg:before{content:""}
.ra-egg-pod:before{content:""}
.ra-eggplant:before{content:""}
.ra-emerald:before{content:""}
.ra-energise:before{content:""}
.ra-explosion:before{content:""}
.ra-explosive-materials:before{content:""}
.ra-eye-monster:before{content:""}
.ra-eye-shield:before{content:""}
.ra-eyeball:before{content:""}
.ra-fairy:before{content:""}
.ra-fairy-wand:before{content:""}
.ra-fall-down:before{content:""}
.ra-falling:before{content:""}
.ra-fast-ship:before{content:""}
.ra-feather-wing:before{content:""}
.ra-feathered-wing:before{content:""}
.ra-fedora:before{content:""}
.ra-fire:before{content:""}
.ra-fire-bomb:before{content:""}
.ra-fire-breath:before{content:""}
.ra-fire-ring:before{content:""}
.ra-fire-shield:before{content:""}
.ra-fire-symbol:before{content:""}
.ra-fireball-sword:before{content:""}
.ra-fish:before{content:""}
.ra-fizzing-flask:before{content:""}
.ra-flame-symbol:before{content:""}
.ra-flaming-arrow:before{content:""}
.ra-flaming-claw:before{content:""}
.ra-flaming-trident:before{content:""}
.ra-flask:before{content:""}
.ra-flat-hammer:before{content:""}
.ra-flower:before{content:""}
.ra-flowers:before{content:""}
.ra-fluffy-swirl:before{content:""}
.ra-focused-lightning:before{content:""}
.ra-food-chain:before{content:""}
.ra-footprint:before{content:""}
.ra-forging:before{content:""}
.ra-forward:before{content:""}
.ra-fox:before{content:""}
.ra-frost-emblem:before{content:""}
.ra-frostfire:before{content:""}
.ra-frozen-arrow:before{content:""}
.ra-gamepad-cross:before{content:""}
.ra-gavel:before{content:""}
.ra-gear-hammer:before{content:""}
.ra-gear-heart:before{content:""}
.ra-gears:before{content:""}
.ra-gecko:before{content:""}
.ra-gem:before{content:""}
.ra-gem-pendant:before{content:""}
.ra-gemini:before{content:""}
.ra-glass-heart:before{content:""}
.ra-gloop:before{content:""}
.ra-gold-bar:before{content:""}
.ra-grappling-hook:before{content:""}
.ra-grass:before{content:""}
.ra-grass-patch:before{content:""}
.ra-grenade:before{content:""}
.ra-groundbreaker:before{content:""}
.ra-guarded-tower:before{content:""}
.ra-guillotine:before{content:""}
.ra-halberd:before{content:""}
.ra-hammer:before{content:""}
.ra-hammer-drop:before{content:""}
.ra-hand:before{content:""}
.ra-hand-emblem:before{content:""}
.ra-hand-saw:before{content:""}
.ra-harpoon-trident:before{content:""}
.ra-health:before{content:""}
.ra-health-decrease:before{content:""}
.ra-health-increase:before{content:""}
.ra-heart-bottle:before{content:""}
.ra-heart-tower:before{content:""}
.ra-heartburn:before{content:""}
.ra-hearts:before{content:""}
.ra-hearts-card:before{content:""}
.ra-heat-haze:before{content:""}
.ra-heavy-fall:before{content:""}
.ra-heavy-shield:before{content:""}
.ra-helmet:before{content:""}
.ra-help:before{content:""}
.ra-hive-emblem:before{content:""}
.ra-hole-ladder:before{content:""}
.ra-honeycomb:before{content:""}
.ra-hood:before{content:""}
.ra-horn-call:before{content:""}
.ra-horns:before{content:""}
.ra-horseshoe:before{content:""}
.ra-hospital-cross:before{content:""}
.ra-hot-surface:before{content:""}
.ra-hourglass:before{content:""}
.ra-hydra:before{content:""}
.ra-hydra-shot:before{content:""}
.ra-ice-cube:before{content:""}
.ra-implosion:before{content:""}
.ra-incense:before{content:""}
.ra-insect-jaws:before{content:""}
.ra-interdiction:before{content:""}
.ra-jetpack:before{content:""}
.ra-jigsaw-piece:before{content:""}
.ra-kaleidoscope:before{content:""}
.ra-kettlebell:before{content:""}
.ra-key:before{content:""}
.ra-key-basic:before{content:""}
.ra-kitchen-knives:before{content:""}
.ra-knife:before{content:""}
.ra-knife-fork:before{content:""}
.ra-knight-helmet:before{content:""}
.ra-kunai:before{content:""}
.ra-lantern-flame:before{content:""}
.ra-large-hammer:before{content:""}
.ra-laser-blast:before{content:""}
.ra-laser-site:before{content:""}
.ra-lava:before{content:""}
.ra-leaf:before{content:""}
.ra-leo:before{content:""}
.ra-level-four:before{content:""}
.ra-level-four-advanced:before{content:""}
.ra-level-three:before{content:""}
.ra-level-three-advanced:before{content:""}
.ra-level-two:before{content:""}
.ra-level-two-advanced:before{content:""}
.ra-lever:before{content:""}
.ra-libra:before{content:""}
.ra-light-bulb:before{content:""}
.ra-lighthouse:before{content:""}
.ra-lightning:before{content:""}
.ra-lightning-bolt:before{content:""}
.ra-lightning-storm:before{content:""}
.ra-lightning-sword:before{content:""}
.ra-lightning-trio:before{content:""}
.ra-lion:before{content:""}
.ra-lit-candelabra:before{content:""}
.ra-load:before{content:""}
.ra-locked-fortress:before{content:""}
.ra-love-howl:before{content:""}
.ra-maggot:before{content:""}
.ra-magnet:before{content:""}
.ra-mass-driver:before{content:""}
.ra-match:before{content:""}
.ra-meat:before{content:""}
.ra-meat-hook:before{content:""}
.ra-medical-pack:before{content:""}
.ra-metal-gate:before{content:""}
.ra-microphone:before{content:""}
.ra-mine-wagon:before{content:""}
.ra-mining-diamonds:before{content:""}
.ra-mirror:before{content:""}
.ra-monster-skull:before{content:""}
.ra-mountains:before{content:""}
.ra-moon-sun:before{content:""}
.ra-mp5:before{content:""}
.ra-muscle-fat:before{content:""}
.ra-muscle-up:before{content:""}
.ra-musket:before{content:""}
.ra-nails:before{content:""}
.ra-nodular:before{content:""}
.ra-noose:before{content:""}
.ra-nuclear:before{content:""}
.ra-ocarina:before{content:""}
.ra-ocean-emblem:before{content:""}
.ra-octopus:before{content:""}
.ra-omega:before{content:""}
.ra-on-target:before{content:""}
.ra-ophiuchus:before{content:""}
.ra-overhead:before{content:""}
.ra-overmind:before{content:""}
.ra-palm-tree:before{content:""}
.ra-pawn:before{content:""}
.ra-pawprint:before{content:""}
.ra-perspective-dice-five:before{content:""}
.ra-perspective-dice-four:before{content:""}
.ra-perspective-dice-one:before{content:""}
.ra-perspective-dice-random:before{content:""}
.ra-perspective-dice-six:before{content:""}
.ra-perspective-dice-two:before{content:""}
.ra-perspective-dice-three:before{content:""}
.ra-pill:before{content:""}
.ra-pills:before{content:""}
.ra-pine-tree:before{content:""}
.ra-ping-pong:before{content:""}
.ra-pisces:before{content:""}
.ra-plain-dagger:before{content:""}
.ra-player:before{content:""}
.ra-player-despair:before{content:""}
.ra-player-dodge:before{content:""}
.ra-player-king:before{content:""}
.ra-player-lift:before{content:""}
.ra-player-pain:before{content:""}
.ra-player-pyromaniac:before{content:""}
.ra-player-shot:before{content:""}
.ra-player-teleport:before{content:""}
.ra-player-thunder-struck:before{content:""}
.ra-podium:before{content:""}
.ra-poison-cloud:before{content:""}
.ra-potion:before{content:""}
.ra-pyramids:before{content:""}
.ra-queen-crown:before{content:""}
.ra-quill-ink:before{content:""}
.ra-rabbit:before{content:""}
.ra-radar-dish:before{content:""}
.ra-radial-balance:before{content:""}
.ra-radioactive:before{content:""}
.ra-raven:before{content:""}
.ra-reactor:before{content:""}
.ra-recycle:before{content:""}
.ra-regeneration:before{content:""}
.ra-relic-blade:before{content:""}
.ra-repair:before{content:""}
.ra-reverse:before{content:""}
.ra-revolver:before{content:""}
.ra-rifle:before{content:""}
.ra-ringing-bell:before{content:""}
.ra-roast-chicken:before{content:""}
.ra-robot-arm:before{content:""}
.ra-round-bottom-flask:before{content:""}
.ra-round-shield:before{content:""}
.ra-rss:before{content:""}
.ra-rune-stone:before{content:""}
.ra-sagittarius:before{content:""}
.ra-sapphire:before{content:""}
.ra-satellite:before{content:""}
.ra-save:before{content:""}
.ra-scorpio:before{content:""}
.ra-scroll-unfurled:before{content:""}
.ra-scythe:before{content:""}
.ra-sea-serpent:before{content:""}
.ra-seagull:before{content:""}
.ra-shark:before{content:""}
.ra-sheep:before{content:""}
.ra-sheriff:before{content:""}
.ra-shield:before{content:""}
.ra-ship-emblem:before{content:""}
.ra-shoe-prints:before{content:""}
.ra-shot-through-the-heart:before{content:""}
.ra-shotgun-shell:before{content:""}
.ra-shovel:before{content:""}
.ra-shuriken:before{content:""}
.ra-sickle:before{content:""}
.ra-sideswipe:before{content:""}
.ra-site:before{content:""}
.ra-skull:before{content:""}
.ra-skull-trophy:before{content:""}
.ra-slash-ring:before{content:""}
.ra-small-fire:before{content:""}
.ra-snail:before{content:""}
.ra-snake:before{content:""}
.ra-snorkel:before{content:""}
.ra-snowflake:before{content:""}
.ra-soccer-ball:before{content:""}
.ra-spades:before{content:""}
.ra-spades-card:before{content:""}
.ra-spawn-node:before{content:""}
.ra-spear-head:before{content:""}
.ra-speech-bubble:before{content:""}
.ra-speech-bubbles:before{content:""}
.ra-spider-face:before{content:""}
.ra-spikeball:before{content:""}
.ra-spiked-mace:before{content:""}
.ra-spiked-tentacle:before{content:""}
.ra-spinning-sword:before{content:""}
.ra-spiral-shell:before{content:""}
.ra-splash:before{content:""}
.ra-spray-can:before{content:""}
.ra-sprout:before{content:""}
.ra-sprout-emblem:before{content:""}
.ra-stopwatch:before{content:""}
.ra-suckered-tentacle:before{content:""}
.ra-suits:before{content:""}
.ra-sun:before{content:""}
.ra-sun-symbol:before{content:""}
.ra-sunbeams:before{content:""}
.ra-super-mushroom:before{content:""}
.ra-supersonic-arrow:before{content:""}
.ra-surveillance-camera:before{content:""}
.ra-syringe:before{content:""}
.ra-target-arrows:before{content:""}
.ra-target-laser:before{content:""}
.ra-targeted:before{content:""}
.ra-taurus:before{content:""}
.ra-telescope:before{content:""}
.ra-tentacle:before{content:""}
.ra-tesla:before{content:""}
.ra-thorn-arrow:before{content:""}
.ra-thorny-vine:before{content:""}
.ra-three-keys:before{content:""}
.ra-tic-tac-toe:before{content:""}
.ra-toast:before{content:""}
.ra-tombstone:before{content:""}
.ra-tooth:before{content:""}
.ra-torch:before{content:""}
.ra-tower:before{content:""}
.ra-trail:before{content:""}
.ra-trefoil-lily:before{content:""}
.ra-trident:before{content:""}
.ra-triforce:before{content:""}
.ra-trophy:before{content:""}
.ra-turd:before{content:""}
.ra-two-dragons:before{content:""}
.ra-two-hearts:before{content:""}
.ra-uncertainty:before{content:""}
.ra-underhand:before{content:""}
.ra-unplugged:before{content:""}
.ra-vase:before{content:""}
.ra-venomous-snake:before{content:""}
.ra-vest:before{content:""}
.ra-vial:before{content:""}
.ra-vine-whip:before{content:""}
.ra-virgo:before{content:""}
.ra-water-drop:before{content:""}
.ra-wifi:before{content:""}
.ra-wireless-signal:before{content:""}
.ra-wolf-head:before{content:""}
.ra-wolf-howl:before{content:""}
.ra-wooden-sign:before{content:""}
.ra-wrench:before{content:""}
.ra-wyvern:before{content:""}
.ra-x-mark:before{content:""}
.ra-zebra-shield:before{content:""}
.ra-arcane-mask:before{content:""}
.ra-aquarius:before{content:""}
.ra-apple:before{content:""}
.ra-anvil:before{content:""}
.ra-ankh:before{content:""}
.ra-angel-wings:before{content:""}
.ra-anchor:before{content:""}
.ra-ammo-bag:before{content:""}
.ra-alligator-clip:before{content:""}
.ra-all-for-one:before{content:""}
.ra-alien-fire:before{content:""}
.ra-acorn:before{content:""}
/**
 * Component Pattern Classes
 *
 * Consolidated Tailwind classes for common UI patterns to improve maintainability
 * and consistency across the application.
 */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Vollkorn, Georgia, serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    /* Focus styles - these will adapt for dark mode */
    --focus-ring-color: #d4a017;
    --focus-ring-width: 2px;
    --focus-ring-offset: 2px;
    --focus-ring-offset-color: #fff;

    /* Semantic colors for parchment theme */
    --color-background: hsl(40, 25%, 94%); /* Parchment */
    --color-surface: #fff;
    --color-surface-secondary: rgba(255, 255, 255, 0.8);
    --color-text-primary: hsl(240, 10%, 12%); /* DSA Ink */
    --color-text-secondary: #65330e;
    --color-border: #fcf2e1;
    --color-accent: #d4a017;
    --color-accent-hover: #b8860b;
  }
/* Dark mode (leather/grimoire theme) */
.dark {
    --focus-ring-color: #f5c547;
    --focus-ring-offset-color: hsl(25, 20%, 12%);

    --color-background: hsl(25, 20%, 12%); /* Dark leather */
    --color-surface: #52290c;
    --color-surface-secondary: rgba(62, 39, 27, 0.8);
    --color-text-primary: #fefdfb;
    --color-text-secondary: #fef9f1;
    --color-border: #65330e;
    --color-accent: #f5c547;
    --color-accent-hover: #f9dc7d;
  }
html {
    font-family: 'Vollkorn', Georgia, serif;
  }
body{--tw-bg-opacity:1;background-color:hsl(40 25% 94% / var(--tw-bg-opacity, 1));background-image:linear-gradient(135deg, #fef9f1 0%, #fcf2e1 100%);--tw-text-opacity:1;color:hsl(240 10% 12% / var(--tw-text-opacity, 1))}
body:is(.dark *){--tw-bg-opacity:1;background-color:hsl(25 20% 12% / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(254 253 251 / var(--tw-text-opacity, 1))}
body {
    font-family: inherit; /* Inherit Vollkorn from html */
    background-image: radial-gradient(circle at 25% 25%, rgba(212, 160, 23, 0.08) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(139, 69, 19, 0.08) 0%, transparent 50%);
  }
.dark body {
    background-image: radial-gradient(circle at 25% 25%, rgba(212, 160, 23, 0.03) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(253, 251, 248, 0.03) 0%, transparent 50%);
  }
h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Crimson Text', serif;
    --tw-text-opacity:1;
    color:rgb(82 41 12 / var(--tw-text-opacity, 1));
  }
h1:is(.dark *),
  h2:is(.dark *),
  h3:is(.dark *),
  h4:is(.dark *),
  h5:is(.dark *),
  h6:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 241 / var(--tw-text-opacity, 1))}
/* Consistent focus styles using CSS variables */
*:focus {
    outline: none;
  }
*:focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
  }
/* Screen reader only content */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
.theme-bg {
      background-color: var(--color-background);
    }
.theme-surface {
      background-color: var(--color-surface);
    }
.theme-surface-secondary {
      background-color: var(--color-surface-secondary);
    }
.theme-text {
      color: var(--color-text-primary);
    }
.theme-text-secondary {
      color: var(--color-text-secondary);
    }
.theme-text-muted{--tw-text-opacity:1;color:rgb(139 69 19 / var(--tw-text-opacity, 1))}
.theme-text-muted:is(.dark *){--tw-text-opacity:1;color:rgb(249 232 201 / var(--tw-text-opacity, 1))}
.theme-border {
      border-color: var(--color-border);
    }
.theme-border-b {
      border-bottom-color: var(--color-border);
    }
.theme-border-t {
      border-top-color: var(--color-border);
    }
.\!container{width:100% !important}
.container{width:100%}
@media (min-width: 640px){
.\!container{max-width:640px !important}
.container{max-width:640px}}
@media (min-width: 768px){
.\!container{max-width:768px !important}
.container{max-width:768px}}
@media (min-width: 1024px){
.\!container{max-width:1024px !important}
.container{max-width:1024px}}
@media (min-width: 1280px){
.\!container{max-width:1280px !important}
.container{max-width:1280px}}
@media (min-width: 1536px){
.\!container{max-width:1536px !important}
.container{max-width:1536px}}
/* ============================================================================
   * BUTTON PATTERNS
   * ============================================================================ */
/* Small action buttons (edit, delete, etc.) */
/* Icon buttons */
/* ============================================================================
   * BADGE PATTERNS
   * ============================================================================ */
.badge{border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:500}
/* ============================================================================
   * HEADING PATTERNS
   * ============================================================================ */
/* ============================================================================
   * CARD PATTERNS
   * ============================================================================ */
/* ============================================================================
   * GENERATOR PATTERNS
   * ============================================================================ */
.generator-card{display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.generator-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.generator-grid-300{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
.generator-grid-300-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.generator-grid-350{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}
.generator-tab{display:flex;flex-shrink:0;align-items:center;gap:0.5rem;white-space:nowrap;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
/* ============================================================================
   * FORM PATTERNS
   * ============================================================================ */
.form-group{margin-bottom:1rem}
.form-label{margin-bottom:0.5rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(101 51 14 / var(--tw-text-opacity, 1))}
.form-label:is(.dark *){--tw-text-opacity:1;color:rgb(249 232 201 / var(--tw-text-opacity, 1))}
.form-input{width:100%;border-radius:0.5rem;border-width:1px;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}
.form-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(184 161 118 / var(--tw-placeholder-opacity, 1))}
.form-input::placeholder{--tw-placeholder-opacity:1;color:rgb(184 161 118 / var(--tw-placeholder-opacity, 1))}
.form-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(230 184 92 / var(--tw-placeholder-opacity, 1))}
.form-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(230 184 92 / var(--tw-placeholder-opacity, 1))}
.form-input {
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-text-primary);
  }
.form-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    ring-color: var(--focus-ring-color)}
.form-error{margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.form-error:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.form-help{margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.form-help:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
/* ============================================================================
   * LAYOUT PATTERNS
   * ============================================================================ */
/* ============================================================================
   * STATUS INDICATORS
   * ============================================================================ */
.status-indicator{display:inline-flex;align-items:center;border-radius:9999px;padding-left:0.625rem;padding-right:0.625rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500}
/* ============================================================================
   * AVATAR PATTERNS
   * ============================================================================ */
/* ============================================================================
   * GRID PATTERNS
   * ============================================================================ */
/* ============================================================================
   * FLEX PATTERNS
   * ============================================================================ */
/* ============================================================================
   * SPACING PATTERNS
   * ============================================================================ */
/* ============================================================================
   * TEXT PATTERNS
   * ============================================================================ */
/* ============================================================================
   * BORDER PATTERNS
   * ============================================================================ */
/* ============================================================================
   * BACKGROUND PATTERNS
   * ============================================================================ */
/* ============================================================================
   * ANIMATION PATTERNS
   * ============================================================================ */
/* ============================================================================
   * PAGE ENTRANCE ANIMATIONS
   * ============================================================================ */
/* Page entrance with staggered children reveal */
.page-enter > * {
    opacity: 0;
    transform: translateY(12px);
    animation: revealUp 0.4s ease-out forwards;
  }
.page-enter > *:nth-child(1) {
    animation-delay: 0ms;
  }
.page-enter > *:nth-child(2) {
    animation-delay: 60ms;
  }
.page-enter > *:nth-child(3) {
    animation-delay: 80ms;
  }
.page-enter > *:nth-child(4) {
    animation-delay: 100ms;
  }
.page-enter > *:nth-child(5) {
    animation-delay: 120ms;
  }
.page-enter > *:nth-child(6) {
    animation-delay: 140ms;
  }
.page-enter > *:nth-child(7) {
    animation-delay: 160ms;
  }
.page-enter > *:nth-child(8) {
    animation-delay: 180ms;
  }
@keyframes revealUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .page-enter > * {
      animation: none;
      opacity: 1;
      transform: none;
    }
  }
/* Widget base styling - provides consistent foundation */
.\!widget{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.widget{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.\!widget {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%) !important;
    /* Ensure content stays within widget bounds */
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
.widget {
    background-color: var(--color-surface);
    border-color: var(--color-border);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%);
    /* Ensure content stays within widget bounds */
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
  }
.dark .widget{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.dark .\!widget{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.dark .widget {
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%);
  }
.dark .\!widget {
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%) !important;
  }
/* Widget with custom styling allowed */
/* Widget variants using CSS variables */
.widget-primary{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%);
    /* Ensure content stays within widget bounds */
    overflow: hidden;
    box-sizing: border-box;
    width: 100%}
.dark .widget-primary{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%)}
.widget-primary {
    background-color: #fefcf0;
  }
.dark .widget-primary {
    background-color: rgba(212, 160, 23, 0.1);
  }
.widget-success{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%);
    /* Ensure content stays within widget bounds */
    overflow: hidden;
    box-sizing: border-box;
    width: 100%}
.dark .widget-success{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%)}
.widget-success {
    background-color: #ecfdf5;
  }
.dark .widget-success {
    background-color: rgba(52, 211, 153, 0.1);
  }
.widget-danger{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%);
    /* Ensure content stays within widget bounds */
    overflow: hidden;
    box-sizing: border-box;
    width: 100%}
.dark .widget-danger{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%)}
.widget-danger {
    background-color: #fef2f2;
  }
.dark .widget-danger {
    background-color: rgba(140, 29, 23, 0.1);
  }
.widget-warning{border-radius:0.75rem;border-width:1px;padding:1.5rem;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 249, 241, 0.9) 100%);
    /* Ensure content stays within widget bounds */
    overflow: hidden;
    box-sizing: border-box;
    width: 100%}
.dark .widget-warning{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-image: linear-gradient(135deg, rgba(62, 39, 27, 0.9) 0%, rgba(82, 41, 12, 0.9) 100%)}
.widget-warning {
    background-color: #fef7d9;
  }
.dark .widget-warning {
    background-color: rgba(212, 160, 23, 0.2);
  }
.widget-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;padding-bottom:0.5rem;
    border-color: var(--color-border)}
.widget-title{font-family:Crimson Text, serif;font-size:1.25rem;line-height:1.75rem;font-weight:600;
    color: var(--color-text-primary)}
/* Button base style for shared properties */
.btn{border-radius:0.5rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-weight:500;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}
.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:2px}
/* Money-related components */
.coin{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:600}
/* Card styles using theme variables */
.card{overflow:hidden;border-radius:0.75rem;border-width:1px;--tw-shadow:0 4px 12px rgba(139, 69, 19, 0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: var(--color-surface);
    border-color: var(--color-border)}
/* Navigation */
.nav{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#52290c var(--tw-gradient-from-position);--tw-gradient-to:rgb(82 41 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#3d1f09 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.nav-link.\!active{font-weight:600;--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.nav-link.active{font-weight:600;--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
/* Timeline styling */
/* Badge base style (only base class kept for potential future use) */
.badge{display:inline-flex;align-items:center;border-radius:9999px;padding-left:0.625rem;padding-right:0.625rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.75rem;line-height:1rem;font-weight:500}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.pointer-events-none{pointer-events:none}
.visible{visibility:visible}
.collapse{visibility:collapse}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.inset-y-0{top:0px;bottom:0px}
.-bottom-3{bottom:-0.75rem}
.-bottom-6{bottom:-1.5rem}
.-left-1{left:-0.25rem}
.-left-2{left:-0.5rem}
.-left-3{left:-0.75rem}
.-right-1{right:-0.25rem}
.-right-2{right:-0.5rem}
.-right-3{right:-0.75rem}
.-top-1{top:-0.25rem}
.-top-2{top:-0.5rem}
.-top-4{top:-1rem}
.-top-5{top:-1.25rem}
.-top-6{top:-1.5rem}
.bottom-0{bottom:0px}
.bottom-16{bottom:4rem}
.bottom-2{bottom:0.5rem}
.bottom-20{bottom:5rem}
.bottom-3{bottom:0.75rem}
.bottom-4{bottom:1rem}
.bottom-6{bottom:1.5rem}
.bottom-full{bottom:100%}
.left-0{left:0px}
.left-1\/2{left:50%}
.left-2{left:0.5rem}
.left-3{left:0.75rem}
.left-4{left:1rem}
.left-8{left:2rem}
.left-full{left:100%}
.right-0{right:0px}
.right-12{right:3rem}
.right-2{right:0.5rem}
.right-3{right:0.75rem}
.right-4{right:1rem}
.right-6{right:1.5rem}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-16{top:4rem}
.top-2{top:0.5rem}
.top-20{top:5rem}
.top-3{top:0.75rem}
.top-3\.5{top:0.875rem}
.top-4{top:1rem}
.top-6{top:1.5rem}
.top-8{top:2rem}
.top-9{top:2.25rem}
.top-full{top:100%}
.isolate{isolation:isolate}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-\[9999\]{z-index:9999}
.col-span-2{grid-column:span 2 / span 2}
.col-span-3{grid-column:span 3 / span 3}
.col-span-9{grid-column:span 9 / span 9}
.-mx-4{margin-left:-1rem;margin-right:-1rem}
.mx-0\.5{margin-left:0.125rem;margin-right:0.125rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.\!mb-2{margin-bottom:0.5rem !important}
.-mb-px{margin-bottom:-1px}
.-mt-4{margin-top:-1rem}
.mb-0{margin-bottom:0px}
.mb-0\.5{margin-bottom:0.125rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-4{margin-left:1rem}
.ml-5{margin-left:1.25rem}
.ml-6{margin-left:1.5rem}
.ml-\[-1px\]{margin-left:-1px}
.ml-auto{margin-left:auto}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-4{margin-right:1rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-12{margin-top:3rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-\[-10px\]{margin-top:-10px}
.mt-auto{margin-top:auto}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.\!flex{display:flex !important}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.hidden{display:none}
.aspect-\[3\/4\]{aspect-ratio:3/4}
.aspect-square{aspect-ratio:1 / 1}
.h-0{height:0px}
.h-0\.5{height:0.125rem}
.h-1{height:0.25rem}
.h-1\.5{height:0.375rem}
.h-1\/2{height:50%}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-28{height:7rem}
.h-3{height:0.75rem}
.h-3\.5{height:0.875rem}
.h-32{height:8rem}
.h-36{height:9rem}
.h-4{height:1rem}
.h-40{height:10rem}
.h-48{height:12rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-60{height:15rem}
.h-64{height:16rem}
.h-7{height:1.75rem}
.h-72{height:18rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-\[90vh\]{height:90vh}
.h-\[calc\(100\%-64px\)\]{height:calc(100% - 64px)}
.h-\[calc\(100vh-300px\)\]{height:calc(100vh - 300px)}
.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}
.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}
.h-\[calc\(90vh-64px\)\]{height:calc(90vh - 64px)}
.h-fit{height:-moz-fit-content;height:fit-content}
.h-full{height:100%}
.h-px{height:1px}
.max-h-0{max-height:0px}
.max-h-24{max-height:6rem}
.max-h-32{max-height:8rem}
.max-h-40{max-height:10rem}
.max-h-48{max-height:12rem}
.max-h-60{max-height:15rem}
.max-h-64{max-height:16rem}
.max-h-72{max-height:18rem}
.max-h-80{max-height:20rem}
.max-h-96{max-height:24rem}
.max-h-\[2000px\]{max-height:2000px}
.max-h-\[500px\]{max-height:500px}
.max-h-\[60vh\]{max-height:60vh}
.max-h-\[80vh\]{max-height:80vh}
.max-h-\[85vh\]{max-height:85vh}
.max-h-\[90vh\]{max-height:90vh}
.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}
.max-h-\[calc\(80vh-8rem\)\]{max-height:calc(80vh - 8rem)}
.max-h-full{max-height:100%}
.min-h-10{min-height:2.5rem}
.min-h-\[1\.5rem\]{min-height:1.5rem}
.min-h-\[2\.5rem\]{min-height:2.5rem}
.min-h-\[28px\]{min-height:28px}
.min-h-\[2rem\]{min-height:2rem}
.min-h-\[300px\]{min-height:300px}
.min-h-\[3rem\]{min-height:3rem}
.min-h-\[400px\]{min-height:400px}
.min-h-\[44px\]{min-height:44px}
.min-h-\[48px\]{min-height:48px}
.min-h-\[500px\]{min-height:500px}
.min-h-\[56px\]{min-height:56px}
.min-h-\[60vh\]{min-height:60vh}
.min-h-\[64px\]{min-height:64px}
.min-h-\[80vh\]{min-height:80vh}
.min-h-screen{min-height:100vh}
.w-0{width:0px}
.w-0\.5{width:0.125rem}
.w-1{width:0.25rem}
.w-1\.5{width:0.375rem}
.w-1\/2{width:50%}
.w-1\/3{width:33.333333%}
.w-1\/4{width:25%}
.w-1\/5{width:20%}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-2{width:0.5rem}
.w-2\/3{width:66.666667%}
.w-2\/5{width:40%}
.w-20{width:5rem}
.w-24{width:6rem}
.w-28{width:7rem}
.w-3{width:0.75rem}
.w-3\.5{width:0.875rem}
.w-3\/4{width:75%}
.w-32{width:8rem}
.w-4{width:1rem}
.w-40{width:10rem}
.w-48{width:12rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-64{width:16rem}
.w-7{width:1.75rem}
.w-72{width:18rem}
.w-8{width:2rem}
.w-80{width:20rem}
.w-9{width:2.25rem}
.w-full{width:100%}
.w-px{width:1px}
.w-screen{width:100vw}
.min-w-0{min-width:0px}
.min-w-64{min-width:16rem}
.min-w-\[120px\]{min-width:120px}
.min-w-\[140px\]{min-width:140px}
.min-w-\[150px\]{min-width:150px}
.min-w-\[160px\]{min-width:160px}
.min-w-\[180px\]{min-width:180px}
.min-w-\[200px\]{min-width:200px}
.min-w-\[32px\]{min-width:32px}
.min-w-\[3rem\]{min-width:3rem}
.min-w-\[4\.5rem\]{min-width:4.5rem}
.min-w-\[40px\]{min-width:40px}
.min-w-\[44px\]{min-width:44px}
.min-w-\[60px\]{min-width:60px}
.min-w-\[70px\]{min-width:70px}
.min-w-\[80px\]{min-width:80px}
.min-w-full{min-width:100%}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-\[100px\]{max-width:100px}
.max-w-\[150px\]{max-width:150px}
.max-w-\[80\%\]{max-width:80%}
.max-w-full{max-width:100%}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.flex-grow{flex-grow:1}
.origin-top{transform-origin:top}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-2{--tw-translate-x:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/4{--tw-translate-y:-25%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-1\/4{--tw-translate-x:25%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-4{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-rotate-1{--tw-rotate:-1deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-scale-x-100{--tw-scale-x:-1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes bounce{
0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}
50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}
.animate-bounce{animation:bounce 1s infinite}
@keyframes pulse{
50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
@keyframes spin{
to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
.cursor-default{cursor:default}
.cursor-ew-resize{cursor:ew-resize}
.cursor-grab{cursor:grab}
.cursor-not-allowed{cursor:not-allowed}
.cursor-pointer{cursor:pointer}
.cursor-wait{cursor:wait}
.touch-none{touch-action:none}
.touch-manipulation{touch-action:manipulation}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}
.resize-none{resize:none}
.resize{resize:both}
.scroll-py-2{scroll-padding-top:0.5rem;scroll-padding-bottom:0.5rem}
.list-inside{list-style-position:inside}
.list-decimal{list-style-type:decimal}
.list-disc{list-style-type:disc}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}
.grid-cols-\[repeat\(auto-fill\2c minmax\(150px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.grid-cols-\[repeat\(auto-fill\2c minmax\(250px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.grid-cols-\[repeat\(auto-fill\2c minmax\(280px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid-cols-\[repeat\(auto-fill\2c minmax\(300px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.grid-cols-\[repeat\(auto-fill\2c minmax\(320px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.grid-cols-\[repeat\(auto-fill\2c minmax\(350px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.gap-y-1{row-gap:0.25rem}
.gap-y-1\.5{row-gap:0.375rem}
.gap-y-2{row-gap:0.5rem}
.space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}
.space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-dsa-brown-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 220 198 / var(--tw-divide-opacity, 1))}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}
.self-center{align-self:center}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre-line{white-space:pre-line}
.whitespace-pre-wrap{white-space:pre-wrap}
.break-words{overflow-wrap:break-word}
.break-all{word-break:break-all}
.rounded{border-radius:0.25rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-none{border-radius:0px}
.rounded-sm{border-radius:0.125rem}
.rounded-xl{border-radius:0.75rem}
.rounded-b-lg{border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem}
.rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px}
.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}
.rounded-r-lg{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
.rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px}
.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}
.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}
.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}
.rounded-t-sm{border-top-left-radius:0.125rem;border-top-right-radius:0.125rem}
.rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem}
.border{border-width:1px}
.border-0{border-width:0px}
.border-2{border-width:2px}
.border-4{border-width:4px}
.border-8{border-width:8px}
.border-x{border-left-width:1px;border-right-width:1px}
.border-x-2{border-left-width:2px;border-right-width:2px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-b-4{border-bottom-width:4px}
.border-l{border-left-width:1px}
.border-l-0{border-left-width:0px}
.border-l-2{border-left-width:2px}
.border-l-4{border-left-width:4px}
.border-l-8{border-left-width:8px}
.border-r{border-right-width:1px}
.border-r-0{border-right-width:0px}
.border-r-2{border-right-width:2px}
.border-r-4{border-right-width:4px}
.border-t{border-top-width:1px}
.border-t-2{border-top-width:2px}
.border-t-4{border-top-width:4px}
.border-dashed{border-style:dashed}
.border-double{border-style:double}
.\!border-none{border-style:none !important}
.border-none{border-style:none}
.\!border-amber-400\/50{border-color:rgb(251 191 36 / 0.5) !important}
.\!border-white\/30{border-color:rgb(255 255 255 / 0.3) !important}
.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}
.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}
.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}
.border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}
.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}
.border-amber-800\/50{border-color:rgb(146 64 14 / 0.5)}
.border-amber-900\/10{border-color:rgb(120 53 15 / 0.1)}
.border-amber-900\/20{border-color:rgb(120 53 15 / 0.2)}
.border-amber-900\/30{border-color:rgb(120 53 15 / 0.3)}
.border-amber-900\/80{border-color:rgb(120 53 15 / 0.8)}
.border-black\/10{border-color:rgb(0 0 0 / 0.1)}
.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}
.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}
.border-blue-200\/50{border-color:rgb(191 219 254 / 0.5)}
.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}
.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}
.border-current{border-color:currentColor}
.border-dsa-blood-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}
.border-dsa-blood-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}
.border-dsa-blood-500{--tw-border-opacity:1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}
.border-dsa-brown-100{--tw-border-opacity:1;border-color:rgb(245 240 232 / var(--tw-border-opacity, 1))}
.border-dsa-brown-200{--tw-border-opacity:1;border-color:rgb(232 220 198 / var(--tw-border-opacity, 1))}
.border-dsa-brown-200\/40{border-color:rgb(232 220 198 / 0.4)}
.border-dsa-brown-200\/50{border-color:rgb(232 220 198 / 0.5)}
.border-dsa-brown-300{--tw-border-opacity:1;border-color:rgb(212 195 160 / var(--tw-border-opacity, 1))}
.border-dsa-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}
.border-dsa-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}
.border-dsa-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}
.border-dsa-gold{--tw-border-opacity:1;border-color:hsl(42 75% 55% / var(--tw-border-opacity, 1))}
.border-dsa-gold-200{--tw-border-opacity:1;border-color:rgb(252 236 179 / var(--tw-border-opacity, 1))}
.border-dsa-gold-300{--tw-border-opacity:1;border-color:rgb(249 220 125 / var(--tw-border-opacity, 1))}
.border-dsa-gold-400{--tw-border-opacity:1;border-color:rgb(245 197 71 / var(--tw-border-opacity, 1))}
.border-dsa-gold-500{--tw-border-opacity:1;border-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.border-dsa-gold-600{--tw-border-opacity:1;border-color:rgb(184 134 11 / var(--tw-border-opacity, 1))}
.border-dsa-iron-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}
.border-dsa-iron-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}
.border-dsa-iron-500{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}
.border-dsa-red{--tw-border-opacity:1;border-color:hsl(358 65% 38% / var(--tw-border-opacity, 1))}
.border-dsa-red\/30{border-color:hsl(358 65% 38% / 0.3)}
.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}
.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}
.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}
.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}
.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}
.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}
.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}
.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}
.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}
.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}
.border-indigo-700{--tw-border-opacity:1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}
.border-indigo-700\/50{border-color:rgb(67 56 202 / 0.5)}
.border-indigo-800{--tw-border-opacity:1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))}
.border-indigo-800\/50{border-color:rgb(55 48 163 / 0.5)}
.border-indigo-900{--tw-border-opacity:1;border-color:rgb(49 46 129 / var(--tw-border-opacity, 1))}
.border-indigo-900\/50{border-color:rgb(49 46 129 / 0.5)}
.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}
.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}
.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.border-pink-100{--tw-border-opacity:1;border-color:rgb(252 231 243 / var(--tw-border-opacity, 1))}
.border-purple-100{--tw-border-opacity:1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}
.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}
.border-purple-300{--tw-border-opacity:1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}
.border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}
.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}
.border-purple-700{--tw-border-opacity:1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}
.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}
.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}
.border-red-200\/50{border-color:rgb(254 202 202 / 0.5)}
.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}
.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}
.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}
.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}
.border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}
.border-red-900\/50{border-color:rgb(127 29 29 / 0.5)}
.border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230 / var(--tw-border-opacity, 1))}
.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}
.border-sky-100{--tw-border-opacity:1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1))}
.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}
.border-sky-300{--tw-border-opacity:1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}
.border-sky-500{--tw-border-opacity:1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}
.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}
.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}
.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}
.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}
.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}
.border-stone-200{--tw-border-opacity:1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}
.border-stone-300\/50{border-color:rgb(214 211 209 / 0.5)}
.border-stone-400{--tw-border-opacity:1;border-color:rgb(168 162 158 / var(--tw-border-opacity, 1))}
.border-stone-400\/30{border-color:rgb(168 162 158 / 0.3)}
.border-stone-600{--tw-border-opacity:1;border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))}
.border-transparent{border-color:transparent}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.border-white\/20{border-color:rgb(255 255 255 / 0.2)}
.border-white\/30{border-color:rgb(255 255 255 / 0.3)}
.border-yellow-100{--tw-border-opacity:1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1))}
.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}
.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}
.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}
.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}
.border-yellow-700{--tw-border-opacity:1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}
.border-b-transparent{border-bottom-color:transparent}
.border-l-blue-200{--tw-border-opacity:1;border-left-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}
.border-l-blue-500{--tw-border-opacity:1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.border-l-dsa-emerald-500{--tw-border-opacity:1;border-left-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}
.border-l-dsa-gold-500{--tw-border-opacity:1;border-left-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.border-l-indigo-500{--tw-border-opacity:1;border-left-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}
.border-l-purple-500{--tw-border-opacity:1;border-left-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}
.border-l-yellow-500{--tw-border-opacity:1;border-left-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}
.border-r-dsa-brown-800{--tw-border-opacity:1;border-right-color:rgb(82 41 12 / var(--tw-border-opacity, 1))}
.border-t-amber-500{--tw-border-opacity:1;border-top-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}
.border-t-dsa-gold-500{--tw-border-opacity:1;border-top-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.border-t-gray-600{--tw-border-opacity:1;border-top-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.border-t-transparent{border-top-color:transparent}
.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.\!bg-amber-100{--tw-bg-opacity:1 !important;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1)) !important}
.\!bg-amber-500\/30{background-color:rgb(245 158 11 / 0.3) !important}
.\!bg-transparent{background-color:transparent !important}
.bg-\[\#fdf6e3\]{--tw-bg-opacity:1;background-color:rgb(253 246 227 / var(--tw-bg-opacity, 1))}
.bg-\[\#fffbf0\]{--tw-bg-opacity:1;background-color:rgb(255 251 240 / var(--tw-bg-opacity, 1))}
.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}
.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}
.bg-amber-200\/50{background-color:rgb(253 230 138 / 0.5)}
.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}
.bg-amber-50\/30{background-color:rgb(255 251 235 / 0.3)}
.bg-amber-50\/50{background-color:rgb(255 251 235 / 0.5)}
.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}
.bg-amber-500\/20{background-color:rgb(245 158 11 / 0.2)}
.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}
.bg-amber-800\/50{background-color:rgb(146 64 14 / 0.5)}
.bg-amber-900{--tw-bg-opacity:1;background-color:rgb(120 53 15 / var(--tw-bg-opacity, 1))}
.bg-amber-900\/20{background-color:rgb(120 53 15 / 0.2)}
.bg-amber-900\/5{background-color:rgb(120 53 15 / 0.05)}
.bg-amber-950\/50{background-color:rgb(69 26 3 / 0.5)}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.bg-black\/10{background-color:rgb(0 0 0 / 0.1)}
.bg-black\/20{background-color:rgb(0 0 0 / 0.2)}
.bg-black\/30{background-color:rgb(0 0 0 / 0.3)}
.bg-black\/50{background-color:rgb(0 0 0 / 0.5)}
.bg-black\/80{background-color:rgb(0 0 0 / 0.8)}
.bg-black\/90{background-color:rgb(0 0 0 / 0.9)}
.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}
.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}
.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.bg-blue-600\/10{background-color:rgb(37 99 235 / 0.1)}
.bg-blue-600\/20{background-color:rgb(37 99 235 / 0.2)}
.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.bg-dsa-blood-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
.bg-dsa-blood-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.bg-dsa-blood-500{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.bg-dsa-blood-700{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-100{--tw-bg-opacity:1;background-color:rgb(245 240 232 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-200{--tw-bg-opacity:1;background-color:rgb(232 220 198 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-300{--tw-bg-opacity:1;background-color:rgb(212 195 160 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-50{--tw-bg-opacity:1;background-color:rgb(250 247 243 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-600{--tw-bg-opacity:1;background-color:rgb(122 61 17 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-700{--tw-bg-opacity:1;background-color:rgb(101 51 14 / var(--tw-bg-opacity, 1))}
.bg-dsa-brown-800{--tw-bg-opacity:1;background-color:rgb(82 41 12 / var(--tw-bg-opacity, 1))}
.bg-dsa-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}
.bg-dsa-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}
.bg-dsa-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}
.bg-dsa-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}
.bg-dsa-emerald-700{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold{--tw-bg-opacity:1;background-color:hsl(42 75% 55% / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-100{--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-200{--tw-bg-opacity:1;background-color:rgb(252 236 179 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-300{--tw-bg-opacity:1;background-color:rgb(249 220 125 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-50{--tw-bg-opacity:1;background-color:rgb(254 252 240 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-50\/50{background-color:rgb(254 252 240 / 0.5)}
.bg-dsa-gold-500{--tw-bg-opacity:1;background-color:rgb(212 160 23 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-600{--tw-bg-opacity:1;background-color:rgb(184 134 11 / var(--tw-bg-opacity, 1))}
.bg-dsa-gold-700{--tw-bg-opacity:1;background-color:rgb(153 111 9 / var(--tw-bg-opacity, 1))}
.bg-dsa-iron-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
.bg-dsa-iron-500{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}
.bg-dsa-iron-600{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}
.bg-dsa-iron-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.bg-dsa-parchment-100{--tw-bg-opacity:1;background-color:rgb(254 249 241 / var(--tw-bg-opacity, 1))}
.bg-dsa-parchment-50{--tw-bg-opacity:1;background-color:rgb(254 253 251 / var(--tw-bg-opacity, 1))}
.bg-dsa-parchment-50\/30{background-color:rgb(254 253 251 / 0.3)}
.bg-dsa-red{--tw-bg-opacity:1;background-color:hsl(358 65% 38% / var(--tw-bg-opacity, 1))}
.bg-dsa-red\/20{background-color:hsl(358 65% 38% / 0.2)}
.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}
.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}
.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}
.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-gray-50\/30{background-color:rgb(249 250 251 / 0.3)}
.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}
.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.bg-gray-800\/50{background-color:rgb(31 41 55 / 0.5)}
.bg-gray-800\/90{background-color:rgb(31 41 55 / 0.9)}
.bg-gray-800\/95{background-color:rgb(31 41 55 / 0.95)}
.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}
.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.bg-green-50\/50{background-color:rgb(240 253 244 / 0.5)}
.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.bg-green-500\/20{background-color:rgb(34 197 94 / 0.2)}
.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}
.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
.bg-indigo-50\/30{background-color:rgb(238 242 255 / 0.3)}
.bg-indigo-50\/50{background-color:rgb(238 242 255 / 0.5)}
.bg-indigo-50\/70{background-color:rgb(238 242 255 / 0.7)}
.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}
.bg-indigo-500\/10{background-color:rgb(99 102 241 / 0.1)}
.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}
.bg-indigo-900\/20{background-color:rgb(49 46 129 / 0.2)}
.bg-indigo-900\/40{background-color:rgb(49 46 129 / 0.4)}
.bg-indigo-900\/50{background-color:rgb(49 46 129 / 0.5)}
.bg-indigo-950{--tw-bg-opacity:1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}
.bg-indigo-950\/50{background-color:rgb(30 27 75 / 0.5)}
.bg-indigo-950\/80{background-color:rgb(30 27 75 / 0.8)}
.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}
.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}
.bg-parchment{--tw-bg-opacity:1;background-color:hsl(40 25% 94% / var(--tw-bg-opacity, 1))}
.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}
.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}
.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}
.bg-purple-300{--tw-bg-opacity:1;background-color:rgb(216 180 254 / var(--tw-bg-opacity, 1))}
.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}
.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}
.bg-purple-500\/90{background-color:rgb(168 85 247 / 0.9)}
.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}
.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}
.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.bg-red-50\/50{background-color:rgb(254 242 242 / 0.5)}
.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.bg-red-950\/30{background-color:rgb(69 10 10 / 0.3)}
.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}
.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}
.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}
.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}
.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}
.bg-sky-50\/50{background-color:rgb(240 249 255 / 0.5)}
.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}
.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}
.bg-slate-300\/30{background-color:rgb(203 213 225 / 0.3)}
.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}
.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}
.bg-stone-200{--tw-bg-opacity:1;background-color:rgb(231 229 228 / var(--tw-bg-opacity, 1))}
.bg-stone-200\/50{background-color:rgb(231 229 228 / 0.5)}
.bg-stone-300{--tw-bg-opacity:1;background-color:rgb(214 211 209 / var(--tw-bg-opacity, 1))}
.bg-stone-50{--tw-bg-opacity:1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-white\/30{background-color:rgb(255 255 255 / 0.3)}
.bg-white\/40{background-color:rgb(255 255 255 / 0.4)}
.bg-white\/50{background-color:rgb(255 255 255 / 0.5)}
.bg-white\/60{background-color:rgb(255 255 255 / 0.6)}
.bg-white\/90{background-color:rgb(255 255 255 / 0.9)}
.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}
.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}
.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}
.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}
.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}
.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}
.bg-opacity-50{--tw-bg-opacity:0.5}
.bg-opacity-70{--tw-bg-opacity:0.7}
.bg-opacity-75{--tw-bg-opacity:0.75}
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}
.bg-parchment{background-image:linear-gradient(135deg, #fef9f1 0%, #fcf2e1 100%)}
.from-amber-100{--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 243 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-amber-400\/20{--tw-gradient-from:rgb(251 191 36 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-amber-50\/50{--tw-gradient-from:rgb(255 251 235 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-amber-800{--tw-gradient-from:#92400e var(--tw-gradient-from-position);--tw-gradient-to:rgb(146 64 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-black\/80{--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-brown-300{--tw-gradient-from:#d4c3a0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(212 195 160 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-brown-400{--tw-gradient-from:#b8a176 var(--tw-gradient-from-position);--tw-gradient-to:rgb(184 161 118 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-brown-50{--tw-gradient-from:#faf7f3 var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 247 243 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-brown-800{--tw-gradient-from:#52290c var(--tw-gradient-from-position);--tw-gradient-to:rgb(82 41 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-gold-50{--tw-gradient-from:#fefcf0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 252 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-dsa-parchment-50{--tw-gradient-from:#fefdfb var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 253 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-green-800{--tw-gradient-from:#166534 var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 101 52 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-indigo-200{--tw-gradient-from:#c7d2fe var(--tw-gradient-from-position);--tw-gradient-to:rgb(199 210 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-red-100{--tw-gradient-from:#fee2e2 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 226 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-slate-100{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(241 245 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-stone-200{--tw-gradient-from:#e7e5e4 var(--tw-gradient-from-position);--tw-gradient-to:rgb(231 229 228 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-stone-800{--tw-gradient-from:#292524 var(--tw-gradient-from-position);--tw-gradient-to:rgb(41 37 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-white\/20{--tw-gradient-from:rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-yellow-100{--tw-gradient-from:#fef9c3 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 249 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-yellow-600{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-yellow-800{--tw-gradient-from:#854d0e var(--tw-gradient-from-position);--tw-gradient-to:rgb(133 77 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.via-amber-50{--tw-gradient-to:rgb(255 251 235 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-dsa-brown-500{--tw-gradient-to:rgb(139 69 19 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #8b4513 var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-dsa-gold-600{--tw-gradient-to:rgb(184 134 11 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #b8860b var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-emerald-50{--tw-gradient-to:rgb(236 253 245 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-gray-100{--tw-gradient-to:rgb(243 244 246 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-orange-50{--tw-gradient-to:rgb(255 247 237 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-rose-50{--tw-gradient-to:rgb(255 241 242 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-transparent{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-white{--tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-amber-200{--tw-gradient-to:#fde68a var(--tw-gradient-to-position)}
.to-amber-50\/30{--tw-gradient-to:rgb(255 251 235 / 0.3) var(--tw-gradient-to-position)}
.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}
.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}
.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}
.to-dsa-brown-600{--tw-gradient-to:#7a3d11 var(--tw-gradient-to-position)}
.to-dsa-emerald-100{--tw-gradient-to:#d1fae5 var(--tw-gradient-to-position)}
.to-dsa-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}
.to-dsa-parchment-100{--tw-gradient-to:#fef9f1 var(--tw-gradient-to-position)}
.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}
.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}
.to-green-200{--tw-gradient-to:#bbf7d0 var(--tw-gradient-to-position)}
.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}
.to-indigo-200{--tw-gradient-to:#c7d2fe var(--tw-gradient-to-position)}
.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}
.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}
.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}
.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}
.to-orange-600\/20{--tw-gradient-to:rgb(234 88 12 / 0.2) var(--tw-gradient-to-position)}
.to-red-200{--tw-gradient-to:#fecaca var(--tw-gradient-to-position)}
.to-stone-300{--tw-gradient-to:#d6d3d1 var(--tw-gradient-to-position)}
.to-stone-600{--tw-gradient-to:#57534e var(--tw-gradient-to-position)}
.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}
.to-yellow-200{--tw-gradient-to:#fef08a var(--tw-gradient-to-position)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.fill-white{fill:#fff}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-0{padding:0px}
.p-0\.5{padding:0.125rem}
.p-1{padding:0.25rem}
.p-1\.5{padding:0.375rem}
.p-10{padding:2.5rem}
.p-12{padding:3rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.\!px-2{padding-left:0.5rem !important;padding-right:0.5rem !important}
.\!py-0\.5{padding-top:0.125rem !important;padding-bottom:0.125rem !important}
.px-0{padding-left:0px;padding-right:0px}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0{padding-top:0px;padding-bottom:0px}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-1{padding-bottom:0.25rem}
.pb-12{padding-bottom:3rem}
.pb-2{padding-bottom:0.5rem}
.pb-20{padding-bottom:5rem}
.pb-3{padding-bottom:0.75rem}
.pb-4{padding-bottom:1rem}
.pb-6{padding-bottom:1.5rem}
.pl-10{padding-left:2.5rem}
.pl-11{padding-left:2.75rem}
.pl-16{padding-left:4rem}
.pl-2{padding-left:0.5rem}
.pl-3{padding-left:0.75rem}
.pl-4{padding-left:1rem}
.pl-5{padding-left:1.25rem}
.pl-6{padding-left:1.5rem}
.pl-7{padding-left:1.75rem}
.pl-9{padding-left:2.25rem}
.pr-1{padding-right:0.25rem}
.pr-10{padding-right:2.5rem}
.pr-12{padding-right:3rem}
.pr-2{padding-right:0.5rem}
.pr-20{padding-right:5rem}
.pr-3{padding-right:0.75rem}
.pr-4{padding-right:1rem}
.pr-8{padding-right:2rem}
.pt-0\.5{padding-top:0.125rem}
.pt-1{padding-top:0.25rem}
.pt-16{padding-top:4rem}
.pt-2{padding-top:0.5rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.25rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.align-bottom{vertical-align:bottom}
.font-alegreya{font-family:Alegreya, serif}
.font-blackletter{font-family:UnifrakturCook, cursive}
.font-cinzel{font-family:Cinzel, serif}
.font-cinzel-decorative{font-family:"Cinzel Decorative", serif}
.font-crimson{font-family:"Crimson Text", serif}
.font-display{font-family:Cinzel, serif}
.font-garamond{font-family:"EB Garamond", serif}
.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.font-sans{font-family:Vollkorn, Georgia, serif}
.font-serif{font-family:Crimson Text, serif}
.\!text-xs{font-size:0.75rem !important;line-height:1rem !important}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.text-\[10px\]{font-size:10px}
.text-\[9px\]{font-size:9px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.italic{font-style:italic}
.not-italic{font-style:normal}
.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.leading-6{line-height:1.5rem}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.tracking-\[0\.2em\]{letter-spacing:0.2em}
.tracking-tight{letter-spacing:-0.025em}
.tracking-tighter{letter-spacing:-0.05em}
.tracking-wide{letter-spacing:0.025em}
.tracking-wider{letter-spacing:0.05em}
.tracking-widest{letter-spacing:0.1em}
.\!text-amber-100{--tw-text-opacity:1 !important;color:rgb(254 243 199 / var(--tw-text-opacity, 1)) !important}
.\!text-amber-600{--tw-text-opacity:1 !important;color:rgb(217 119 6 / var(--tw-text-opacity, 1)) !important}
.\!text-amber-700{--tw-text-opacity:1 !important;color:rgb(180 83 9 / var(--tw-text-opacity, 1)) !important}
.\!text-white{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}
.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}
.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}
.text-amber-200\/80{color:rgb(253 230 138 / 0.8)}
.text-amber-200\/90{color:rgb(253 230 138 / 0.9)}
.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}
.text-amber-50{--tw-text-opacity:1;color:rgb(255 251 235 / var(--tw-text-opacity, 1))}
.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}
.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}
.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}
.text-amber-700\/70{color:rgb(180 83 9 / 0.7)}
.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}
.text-amber-800\/40{color:rgb(146 64 14 / 0.4)}
.text-amber-800\/60{color:rgb(146 64 14 / 0.6)}
.text-amber-800\/80{color:rgb(146 64 14 / 0.8)}
.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}
.text-amber-900\/80{color:rgb(120 53 15 / 0.8)}
.text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.text-black\/70{color:rgb(0 0 0 / 0.7)}
.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}
.text-blue-200\/80{color:rgb(191 219 254 / 0.8)}
.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}
.text-blue-800\/70{color:rgb(30 64 175 / 0.7)}
.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}
.text-dsa-blood-500{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.text-dsa-blood-600{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.text-dsa-blood-700{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.text-dsa-blood-800{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}
.text-dsa-brown-300{--tw-text-opacity:1;color:rgb(212 195 160 / var(--tw-text-opacity, 1))}
.text-dsa-brown-400{--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.text-dsa-brown-500{--tw-text-opacity:1;color:rgb(139 69 19 / var(--tw-text-opacity, 1))}
.text-dsa-brown-600{--tw-text-opacity:1;color:rgb(122 61 17 / var(--tw-text-opacity, 1))}
.text-dsa-brown-700{--tw-text-opacity:1;color:rgb(101 51 14 / var(--tw-text-opacity, 1))}
.text-dsa-brown-800{--tw-text-opacity:1;color:rgb(82 41 12 / var(--tw-text-opacity, 1))}
.text-dsa-brown-900{--tw-text-opacity:1;color:rgb(61 31 9 / var(--tw-text-opacity, 1))}
.text-dsa-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}
.text-dsa-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}
.text-dsa-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.text-dsa-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}
.text-dsa-gold{--tw-text-opacity:1;color:hsl(42 75% 55% / var(--tw-text-opacity, 1))}
.text-dsa-gold-400{--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.text-dsa-gold-500{--tw-text-opacity:1;color:rgb(212 160 23 / var(--tw-text-opacity, 1))}
.text-dsa-gold-600{--tw-text-opacity:1;color:rgb(184 134 11 / var(--tw-text-opacity, 1))}
.text-dsa-gold-700{--tw-text-opacity:1;color:rgb(153 111 9 / var(--tw-text-opacity, 1))}
.text-dsa-gold-800{--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.text-dsa-gold-900{--tw-text-opacity:1;color:rgb(92 67 5 / var(--tw-text-opacity, 1))}
.text-dsa-ink{--tw-text-opacity:1;color:hsl(240 10% 12% / var(--tw-text-opacity, 1))}
.text-dsa-ink\/80{color:hsl(240 10% 12% / 0.8)}
.text-dsa-iron-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
.text-dsa-iron-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.text-dsa-iron-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.text-dsa-iron-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.text-dsa-parchment-100{--tw-text-opacity:1;color:rgb(254 249 241 / var(--tw-text-opacity, 1))}
.text-dsa-parchment-400{--tw-text-opacity:1;color:rgb(245 218 167 / var(--tw-text-opacity, 1))}
.text-dsa-parchment-50{--tw-text-opacity:1;color:rgb(254 253 251 / var(--tw-text-opacity, 1))}
.text-dsa-red{--tw-text-opacity:1;color:hsl(358 65% 38% / var(--tw-text-opacity, 1))}
.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}
.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}
.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}
.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}
.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}
.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}
.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}
.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}
.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}
.text-indigo-400\/20{color:rgb(129 140 248 / 0.2)}
.text-indigo-50{--tw-text-opacity:1;color:rgb(238 242 255 / var(--tw-text-opacity, 1))}
.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}
.text-indigo-500\/30{color:rgb(99 102 241 / 0.3)}
.text-indigo-500\/50{color:rgb(99 102 241 / 0.5)}
.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}
.text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}
.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))}
.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.text-orange-900{--tw-text-opacity:1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}
.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}
.text-pink-800{--tw-text-opacity:1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}
.text-purple-100{--tw-text-opacity:1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}
.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}
.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}
.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}
.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}
.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}
.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}
.text-purple-900{--tw-text-opacity:1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}
.text-red-100{--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}
.text-red-200\/90{color:rgb(254 202 202 / 0.9)}
.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.text-red-800\/70{color:rgb(153 27 27 / 0.7)}
.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}
.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}
.text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))}
.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}
.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}
.text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}
.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}
.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}
.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
.text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}
.text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}
.text-stone-800{--tw-text-opacity:1;color:rgb(41 37 36 / var(--tw-text-opacity, 1))}
.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23 / var(--tw-text-opacity, 1))}
.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}
.text-transparent{color:transparent}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-white\/30{color:rgb(255 255 255 / 0.3)}
.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}
.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}
.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}
.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}
.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}
.text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}
.underline{text-decoration-line:underline}
.line-through{text-decoration-line:line-through}
.decoration-dotted{text-decoration-style:dotted}
.underline-offset-2{text-underline-offset:2px}
.placeholder-dsa-brown-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(184 161 118 / var(--tw-placeholder-opacity, 1))}
.placeholder-dsa-brown-400::placeholder{--tw-placeholder-opacity:1;color:rgb(184 161 118 / var(--tw-placeholder-opacity, 1))}
.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}
.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}
.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}
.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}
.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}
.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}
.opacity-0{opacity:0}
.opacity-10{opacity:0.1}
.opacity-100{opacity:1}
.opacity-20{opacity:0.2}
.opacity-25{opacity:0.25}
.opacity-30{opacity:0.3}
.opacity-50{opacity:0.5}
.opacity-60{opacity:0.6}
.opacity-70{opacity:0.7}
.opacity-75{opacity:0.75}
.opacity-80{opacity:0.8}
.opacity-90{opacity:0.9}
.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{--tw-shadow:0 4px 12px rgba(0,0,0,0.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[2px_0_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:2px 0 4px rgba(0,0,0,0.2);--tw-shadow-colored:2px 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-\[inset_0_2px_4px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{--tw-shadow:inset 0 2px 4px rgba(255,255,255,0.3);--tw-shadow-colored:inset 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-dsa-lg{--tw-shadow:0 8px 24px rgba(139, 69, 19, 0.2);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline{outline-style:solid}
.outline-1{outline-width:1px}
.outline-blue-800{outline-color:#1e40af}
.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}
.ring-blue-600{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235 / var(--tw-ring-opacity, 1))}
.ring-current{--tw-ring-color:currentColor}
.ring-dsa-blood-500{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38 / var(--tw-ring-opacity, 1))}
.ring-dsa-emerald-500{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.ring-dsa-gold-500{--tw-ring-opacity:1;--tw-ring-color:rgb(212 160 23 / var(--tw-ring-opacity, 1))}
.ring-dsa-gold\/50{--tw-ring-color:hsl(42 75% 55% / 0.5)}
.ring-dsa-iron-500{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139 / var(--tw-ring-opacity, 1))}
.ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))}
.ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71 / var(--tw-ring-opacity, 1))}
.ring-offset-1{--tw-ring-offset-width:1px}
.ring-offset-2{--tw-ring-offset-width:2px}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.sepia-\[0\.3\]{--tw-sepia:sepia(0.3);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-none{transition-property:none}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.delay-700{transition-delay:700ms}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
.aventurian-text{font-family:Cinzel, serif;--tw-text-opacity:1;color:rgb(82 41 12 / var(--tw-text-opacity, 1));
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}
/* Focus utilities using CSS variables */
/* Interactive element base */
.interactive{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}
.interactive:focus{outline:2px solid transparent;outline-offset:2px}
.interactive {
    &:focus-visible {
      box-shadow:
        0 0 0 var(--focus-ring-offset) var(--focus-ring-offset-color),
        0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);
    }
  }
/* Dark mode utilities */
/* Flexible component base classes */
.surface {
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
  }
.interactive{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}
.interactive:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(212 160 23 / var(--tw-ring-opacity, 1));--tw-ring-offset-width:2px}
.interactive:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(212 160 23 / var(--tw-ring-opacity, 1))}
/* Semantic color system - Use these instead of raw dsa-* colors */
/* Primary highlights and accents */
.highlight-primary{--tw-border-opacity:1;border-color:rgb(249 220 125 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.highlight-primary:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1));background-color:rgb(92 67 5 / 0.2);--tw-text-opacity:1;color:rgb(249 220 125 / var(--tw-text-opacity, 1))}
/* Success states (emerald/green) */
.highlight-success{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}
.highlight-success:is(.dark *){--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1));background-color:rgb(6 78 59 / 0.2);--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}
.accent-success{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}
.accent-success:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}
.accent-success-bg{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.accent-success-bg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}
/* Warning states (gold/amber) */
.highlight-warning{--tw-border-opacity:1;border-color:rgb(252 236 179 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 252 240 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.highlight-warning:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1));background-color:rgb(92 67 5 / 0.1);--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.accent-warning{--tw-text-opacity:1;color:rgb(153 111 9 / var(--tw-text-opacity, 1))}
.accent-warning:is(.dark *){--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
/* Danger/error states (blood red) */
.highlight-danger{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}
.highlight-danger:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1));background-color:rgb(69 10 10 / 0.2);--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.accent-danger{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.accent-danger:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.accent-danger-bg{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.accent-danger-bg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
/* Info/neutral states (iron/slate) */
.highlight-info{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.highlight-info:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:rgb(15 23 42 / 0.2);--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.accent-info{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.accent-info:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
/* Game-specific semantic colors */
/* Money/wealth (gold) */
.money-highlight{--tw-border-opacity:1;border-color:rgb(249 220 125 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.money-highlight:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1));background-color:rgb(92 67 5 / 0.2);--tw-text-opacity:1;color:rgb(249 220 125 / var(--tw-text-opacity, 1))}
.money-accent{--tw-text-opacity:1;color:rgb(184 134 11 / var(--tw-text-opacity, 1))}
.money-accent:is(.dark *){--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
/* Magic/spell (emerald) */
.magic-highlight{--tw-border-opacity:1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}
.magic-highlight:is(.dark *){--tw-border-opacity:1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1));background-color:rgb(6 78 59 / 0.3);--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}
.magic-accent{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.magic-accent:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}
/* Combat/weapon (blood) */
.combat-highlight{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}
.combat-highlight:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1));background-color:rgb(69 10 10 / 0.2);--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.combat-accent{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.combat-accent:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
/* Equipment/gear (iron) */
.equipment-highlight{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.equipment-highlight:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:rgb(15 23 42 / 0.2);--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.equipment-accent{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.equipment-accent:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
/* Character/social (brown) */
/* CSS Variables for theming and accessibility */
/* Base styles with DSA theming */
/* Component styles */
/* Utility classes */
/* Animations and transitions */
.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(254 249 241 / var(--tw-bg-opacity, 1))}
::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(184 161 118 / var(--tw-bg-opacity, 1))}
::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(139 69 19 / var(--tw-bg-opacity, 1))}
/* =================================
   DSA-SPECIFIC DECORATIVE ELEMENTS
   ================================= */
/* Aventurian decorative borders using CSS */
.aventurian-border {
  position: relative;
  border: 2px solid transparent;
  background:
    linear-gradient(var(--color-surface), var(--color-surface)) padding-box,
    linear-gradient(45deg, #d4a017 0%, #8b4513 25%, #d4a017 50%, #8b4513 75%, #d4a017 100%) border-box;
}
.aventurian-border::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(45deg, rgba(212, 160, 23, 0.3) 0%, rgba(139, 69, 19, 0.3) 50%, rgba(212, 160, 23, 0.3) 100%);
  border-radius: inherit;
  z-index: -1;
  filter: blur(2px);
}
/* Decorative corner elements */
.corner-ornament {
  position: relative;
}
.corner-ornament::before,
.corner-ornament::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #d4a017;
}
.corner-ornament::before {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
}
.corner-ornament::after {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
}
/* Parchment-style background */
.parchment-bg {
  background:
    radial-gradient(circle at 20% 80%, rgba(120, 85, 60, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(120, 85, 60, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 40% 40%, rgba(212, 160, 23, 0.05) 0%, transparent 50%);
  background-color: var(--color-surface);
  position: relative;
}
.parchment-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 69, 19, 0.03) 2px, rgba(139, 69, 19, 0.03) 4px);
  pointer-events: none;
}
/* =================================
   DSA-SPECIFIC ICON CLASSES
   ================================= */
/* Map Heroicons to DSA contexts */
.icon-dsa-money{--tw-text-opacity:1;color:rgb(184 134 11 / var(--tw-text-opacity, 1))}
.icon-dsa-money:is(.dark *){--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.icon-dsa-magic{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}
.icon-dsa-magic:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}
.icon-dsa-combat{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.icon-dsa-combat:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.icon-dsa-character{--tw-text-opacity:1;color:rgb(122 61 17 / var(--tw-text-opacity, 1))}
.icon-dsa-character:is(.dark *){--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.icon-dsa-equipment{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.icon-dsa-equipment:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
.icon-dsa-tavern{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}
.icon-dsa-tavern:is(.dark *){--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}
.icon-dsa-adventure{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.icon-dsa-adventure:is(.dark *){--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}
.icon-dsa-danger{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.icon-dsa-danger:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
/* =================================
   AVENTURIAN COMPONENT STYLES
   ================================= */
/* Scroll/manuscript style component */
.manuscript-scroll{border-radius:0.5rem;padding:1.5rem;
  background:
    radial-gradient(circle at 20% 80%, rgba(120, 85, 60, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(120, 85, 60, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 40% 40%, rgba(212, 160, 23, 0.05) 0%, transparent 50%);
  background-color: var(--color-surface);
  position: relative}
.manuscript-scroll::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 69, 19, 0.03) 2px, rgba(139, 69, 19, 0.03) 4px);
  pointer-events: none;
}
.manuscript-scroll {
  background-image:
    linear-gradient(90deg, transparent 20px, rgba(139, 69, 19, 0.1) 20px, rgba(139, 69, 19, 0.1) 22px, transparent 22px),
    linear-gradient(90deg, transparent calc(100% - 22px), rgba(139, 69, 19, 0.1) calc(100% - 22px), rgba(139, 69, 19, 0.1) calc(100% - 20px), transparent calc(100% - 20px));
  box-shadow:
    inset 0 0 0 1px rgba(139, 69, 19, 0.2),
    inset 20px 0 0 -18px rgba(139, 69, 19, 0.1),
    inset -20px 0 0 -18px rgba(139, 69, 19, 0.1);
}
/* Tavern sign style */
.tavern-sign{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 243 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#fde68a var(--tw-gradient-to-position)}
.tavern-sign:is(.dark *){--tw-gradient-from:#78350f var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#92400e var(--tw-gradient-to-position)}
.tavern-sign{border-radius:0.5rem;border-width:4px;--tw-border-opacity:1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1));padding:1rem}
.tavern-sign:is(.dark *){--tw-border-opacity:1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}
.tavern-sign{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: relative}
.tavern-sign::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 16px;
  background: #8b4513;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.3);
}
/* Ancient tome/book style */
.ancient-tome{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgb(254 243 199 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}
.ancient-tome:is(.dark *){--tw-gradient-from:#78350f var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgb(146 64 14 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #92400e var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to:#78350f var(--tw-gradient-to-position)}
.ancient-tome{border-left-width:8px;--tw-border-opacity:1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}
.ancient-tome:is(.dark *){--tw-border-opacity:1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}
.ancient-tome{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;padding:1.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: relative}
.ancient-tome::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 20%;
  bottom: 20%;
  width: 8px;
  background: linear-gradient(to bottom, #d4a017 0%, #8b4513 50%, #d4a017 100%);
  border-radius: 4px;
}
/* Coin purse/money container */
.coin-purse{border-radius:9999px;padding:1rem;--tw-border-opacity:1;border-color:rgb(249 220 125 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.coin-purse:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1));background-color:rgb(92 67 5 / 0.2);--tw-text-opacity:1;color:rgb(249 220 125 / var(--tw-text-opacity, 1))}
.coin-purse {
  position: relative;
  box-shadow:
    inset 0 2px 4px rgba(212, 160, 23, 0.3),
    0 4px 8px rgba(0, 0, 0, 0.1);
}
.coin-purse::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 8px;
  background: #8b4513;
  border-radius: 4px 4px 0 0;
}
/* Magic aura effect */
.magic-aura {
  position: relative;
  overflow: hidden;
}
.magic-aura::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.1) 0%, transparent 50%);
  animation: magicPulse 3s ease-in-out infinite;
}
@keyframes magicPulse {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1) rotate(180deg);
    opacity: 0.8;
  }
}
/* =================================
   ADDITIONAL UI ELEMENTS
   ================================= */
/* Dice roll results */
.dice-result{border-width:2px;--tw-border-opacity:1;border-color:rgb(212 195 160 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.dice-result:is(.dark *){--tw-border-opacity:1;border-color:rgb(122 61 17 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(82 41 12 / var(--tw-bg-opacity, 1))}
.dice-result{border-radius:0.5rem;padding:0.75rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);text-align:center;font-weight:700;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center}
.dice-result.critical-success{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.dice-result.critical-success:is(.dark *){background-color:rgb(20 83 45 / 0.2);--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dice-result.critical-failure{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.dice-result.critical-failure:is(.dark *){background-color:rgb(127 29 29 / 0.2);--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
/* Tooltip styles */
.tooltip-dsa{border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(82 41 12 / var(--tw-bg-opacity, 1));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(254 249 241 / var(--tw-text-opacity, 1));border-width:1px;--tw-border-opacity:1;border-color:rgb(122 61 17 / var(--tw-border-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: relative}
.tooltip-dsa::before {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #8b4513;
}
/* Avatar/portrait frames */
.portrait-frame{border-radius:0.5rem;padding:0.5rem;
  position: relative;
  border: 2px solid transparent;
  background:
    linear-gradient(var(--color-surface), var(--color-surface)) padding-box,
    linear-gradient(45deg, #d4a017 0%, #8b4513 25%, #d4a017 50%, #8b4513 75%, #d4a017 100%) border-box}
.portrait-frame::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(45deg, rgba(212, 160, 23, 0.3) 0%, rgba(139, 69, 19, 0.3) 50%, rgba(212, 160, 23, 0.3) 100%);
  border-radius: inherit;
  z-index: -1;
  filter: blur(2px);
}
.portrait-frame {
  background: linear-gradient(135deg, rgba(212, 160, 23, 0.1) 0%, rgba(139, 69, 19, 0.1) 100%);
}
.portrait-frame img{border-radius:0.25rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(212 195 160 / var(--tw-border-opacity, 1))}
.portrait-frame img:is(.dark *){--tw-border-opacity:1;border-color:rgb(122 61 17 / var(--tw-border-opacity, 1))}
/* Status indicators */
.status-indicator{display:inline-flex;align-items:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:500}
.status-healthy{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.status-healthy:is(.dark *){background-color:rgb(20 83 45 / 0.3);--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.status-wounded{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}
.status-wounded:is(.dark *){background-color:rgb(113 63 18 / 0.3);--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}
.status-unconscious{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.status-unconscious:is(.dark *){background-color:rgb(127 29 29 / 0.3);--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.status-active{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}
.status-active:is(.dark *){background-color:rgb(30 58 138 / 0.3);--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
/* Vertical writing mode for sidebar tabs */
.writing-mode-vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
/* =================================
   ATMOSPHERIC TEXTURES
   ================================= */
/* Parchment texture for main content surfaces */
.surface-parchment {
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),
    linear-gradient(135deg, var(--color-surface) 0%, #fef9f1 100%);
}
.dark .surface-parchment {
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E"),
    linear-gradient(135deg, var(--color-surface) 0%, #52290c 100%);
}
/* Subtle vignette for immersion */
.vignette {
  box-shadow: inset 0 0 150px rgba(61, 31, 9, 0.08);
}
.dark .vignette {
  box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.15);
}
.hover\:theme-bg:hover {
      background-color: var(--color-background);
    }
.hover\:theme-surface-hover:hover:hover{--tw-bg-opacity:1;background-color:rgb(250 247 243 / var(--tw-bg-opacity, 1))}
.hover\:theme-surface-hover:hover:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(101 51 14 / var(--tw-bg-opacity, 1))}
.hover\:theme-text:hover {
      color: var(--color-text-primary);
    }
.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
.placeholder\:text-dsa-brown-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.placeholder\:text-dsa-brown-400::placeholder{--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.before\:pointer-events-none::before{content:var(--tw-content);pointer-events:none}
.before\:absolute::before{content:var(--tw-content);position:absolute}
.before\:inset-0::before{content:var(--tw-content);inset:0px}
.before\:bg-gradient-to-br::before{content:var(--tw-content);background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}
.before\:from-amber-50\/30::before{content:var(--tw-content);--tw-gradient-from:rgb(255 251 235 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.before\:via-transparent::before{content:var(--tw-content);--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}
.before\:to-transparent::before{content:var(--tw-content);--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.before\:opacity-60::before{content:var(--tw-content);opacity:0.6}
.before\:transition-opacity::before{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.before\:duration-300::before{content:var(--tw-content);transition-duration:300ms}
.after\:absolute::after{content:var(--tw-content);position:absolute}
.after\:left-\[2px\]::after{content:var(--tw-content);left:2px}
.after\:top-\[2px\]::after{content:var(--tw-content);top:2px}
.after\:h-5::after{content:var(--tw-content);height:1.25rem}
.after\:w-5::after{content:var(--tw-content);width:1.25rem}
.after\:rounded-full::after{content:var(--tw-content);border-radius:9999px}
.after\:border::after{content:var(--tw-content);border-width:1px}
.after\:border-gray-300::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.after\:transition-all::after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}
.first\:mt-0:first-child{margin-top:0px}
.last\:border-0:last-child{border-width:0px}
.last\:border-b-0:last-child{border-bottom-width:0px}
.last\:pb-0:last-child{padding-bottom:0px}
.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}
.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.hover\:border-dsa-brown-300:hover{--tw-border-opacity:1;border-color:rgb(212 195 160 / var(--tw-border-opacity, 1))}
.hover\:border-dsa-brown-300\/60:hover{border-color:rgb(212 195 160 / 0.6)}
.hover\:border-dsa-brown-400:hover{--tw-border-opacity:1;border-color:rgb(184 161 118 / var(--tw-border-opacity, 1))}
.hover\:border-dsa-gold:hover{--tw-border-opacity:1;border-color:hsl(42 75% 55% / var(--tw-border-opacity, 1))}
.hover\:border-dsa-gold-200:hover{--tw-border-opacity:1;border-color:rgb(252 236 179 / var(--tw-border-opacity, 1))}
.hover\:border-dsa-gold-400:hover{--tw-border-opacity:1;border-color:rgb(245 197 71 / var(--tw-border-opacity, 1))}
.hover\:border-dsa-gold-500:hover{--tw-border-opacity:1;border-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}
.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}
.hover\:border-indigo-400:hover{--tw-border-opacity:1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}
.hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}
.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}
.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}
.hover\:\!bg-amber-200:hover{--tw-bg-opacity:1 !important;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1)) !important}
.hover\:\!bg-amber-500\/40:hover{background-color:rgb(245 158 11 / 0.4) !important}
.hover\:\!bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2) !important}
.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}
.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}
.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}
.hover\:bg-black\/10:hover{background-color:rgb(0 0 0 / 0.1)}
.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-blood-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-blood-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-blood-500:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-blood-600:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-100:hover{--tw-bg-opacity:1;background-color:rgb(245 240 232 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-200:hover{--tw-bg-opacity:1;background-color:rgb(232 220 198 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-300:hover{--tw-bg-opacity:1;background-color:rgb(212 195 160 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-50:hover{--tw-bg-opacity:1;background-color:rgb(250 247 243 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-600:hover{--tw-bg-opacity:1;background-color:rgb(122 61 17 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-brown-700:hover{--tw-bg-opacity:1;background-color:rgb(101 51 14 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-100:hover{--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-200:hover{--tw-bg-opacity:1;background-color:rgb(252 236 179 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 240 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-500:hover{--tw-bg-opacity:1;background-color:rgb(212 160 23 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-500\/20:hover{background-color:rgb(212 160 23 / 0.2)}
.hover\:bg-dsa-gold-600:hover{--tw-bg-opacity:1;background-color:rgb(184 134 11 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold-700:hover{--tw-bg-opacity:1;background-color:rgb(153 111 9 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-gold\/80:hover{background-color:hsl(42 75% 55% / 0.8)}
.hover\:bg-dsa-iron-500:hover{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-iron-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-iron-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-parchment-100:hover{--tw-bg-opacity:1;background-color:rgb(254 249 241 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-parchment-200:hover{--tw-bg-opacity:1;background-color:rgb(252 242 225 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-parchment-50:hover{--tw-bg-opacity:1;background-color:rgb(254 253 251 / var(--tw-bg-opacity, 1))}
.hover\:bg-dsa-red\/40:hover{background-color:hsl(358 65% 38% / 0.4)}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.hover\:bg-green-500\/40:hover{background-color:rgb(34 197 94 / 0.4)}
.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}
.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}
.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}
.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}
.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.hover\:bg-sky-700:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}
.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}
.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}
.hover\:bg-white\/50:hover{background-color:rgb(255 255 255 / 0.5)}
.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}
.hover\:bg-yellow-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}
.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}
.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}
.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-blood-900:hover{--tw-text-opacity:1;color:rgb(69 10 10 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-brown-600:hover{--tw-text-opacity:1;color:rgb(122 61 17 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-brown-800:hover{--tw-text-opacity:1;color:rgb(82 41 12 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-brown-900:hover{--tw-text-opacity:1;color:rgb(61 31 9 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-emerald-900:hover{--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-gold-500:hover{--tw-text-opacity:1;color:rgb(212 160 23 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-gold-600:hover{--tw-text-opacity:1;color:rgb(184 134 11 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-gold-700:hover{--tw-text-opacity:1;color:rgb(153 111 9 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-gold-900:hover{--tw-text-opacity:1;color:rgb(92 67 5 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-iron-700:hover{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-iron-900:hover{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
.hover\:text-dsa-red:hover{--tw-text-opacity:1;color:hsl(358 65% 38% / var(--tw-text-opacity, 1))}
.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.hover\:text-green-800:hover{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}
.hover\:text-orange-700:hover{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
.hover\:text-orange-800:hover{--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}
.hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}
.hover\:text-purple-800:hover{--tw-text-opacity:1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}
.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:no-underline:hover{text-decoration-line:none}
.hover\:opacity-100:hover{opacity:1}
.hover\:opacity-70:hover{opacity:0.7}
.hover\:opacity-80:hover{opacity:0.8}
.hover\:shadow-\[0_6px_20px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]:hover{--tw-shadow:0 6px 20px rgba(0,0,0,0.25);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\]:hover{--tw-shadow:0 8px 30px rgb(0,0,0,0.12);--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:highlight-info:hover{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}
.hover\:highlight-info:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:rgb(15 23 42 / 0.2);--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.hover\:money-highlight:hover{--tw-border-opacity:1;border-color:rgb(249 220 125 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 247 217 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(122 89 7 / var(--tw-text-opacity, 1))}
.hover\:money-highlight:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1));background-color:rgb(92 67 5 / 0.2);--tw-text-opacity:1;color:rgb(249 220 125 / var(--tw-text-opacity, 1))}
.hover\:before\:opacity-100:hover::before{content:var(--tw-content);opacity:1}
.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
.focus\:absolute:focus{position:absolute}
.focus\:left-4:focus{left:1rem}
.focus\:left-48:focus{left:12rem}
.focus\:top-4:focus{top:1rem}
.focus\:z-50:focus{z-index:50}
.focus\:border-amber-500:focus{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.focus\:border-dsa-brown-500:focus{--tw-border-opacity:1;border-color:rgb(139 69 19 / var(--tw-border-opacity, 1))}
.focus\:border-dsa-gold-500:focus{--tw-border-opacity:1;border-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}
.focus\:border-orange-500:focus{--tw-border-opacity:1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}
.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}
.focus\:border-sky-500:focus{--tw-border-opacity:1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}
.focus\:border-transparent:focus{border-color:transparent}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-inset:focus{--tw-ring-inset:inset}
.focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11 / var(--tw-ring-opacity, 1))}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-blood-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-blood-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-blood-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-brown-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 195 160 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-brown-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(139 69 19 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-emerald-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-gold-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 220 125 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-gold-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 197 71 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-gold-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 160 23 / var(--tw-ring-opacity, 1))}
.focus\:ring-dsa-iron-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139 / var(--tw-ring-opacity, 1))}
.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128 / var(--tw-ring-opacity, 1))}
.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94 / var(--tw-ring-opacity, 1))}
.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))}
.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22 / var(--tw-ring-opacity, 1))}
.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247 / var(--tw-ring-opacity, 1))}
.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))}
.focus\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233 / var(--tw-ring-opacity, 1))}
.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8 / var(--tw-ring-opacity, 1))}
.focus\:ring-opacity-20:focus{--tw-ring-opacity:0.2}
.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}
.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}
.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.active\:cursor-grabbing:active{cursor:grabbing}
.active\:bg-blue-100:active{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
.active\:bg-dsa-gold-500\/30:active{background-color:rgb(212 160 23 / 0.3)}
.active\:bg-red-300:active{--tw-bg-opacity:1;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))}
.active\:bg-yellow-300:active{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}
.disabled\:text-gray-500:disabled{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.disabled\:opacity-30:disabled{opacity:0.3}
.disabled\:opacity-40:disabled{opacity:0.4}
.disabled\:opacity-50:disabled{opacity:0.5}
.group:hover .group-hover\:w-1\.5{width:0.375rem}
.group\/btn:hover .group-hover\/btn\:-translate-y-0\.5{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/btn:hover .group-hover\/btn\:translate-y-0\.5{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/btn:hover .group-hover\/btn\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/cover:hover .group-hover\/cover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-dsa-gold{--tw-text-opacity:1;color:hsl(42 75% 55% / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-dsa-gold-600{--tw-text-opacity:1;color:rgb(184 134 11 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}
.group\/cover:hover .group-hover\/cover\:opacity-100{opacity:1}
.group\/wrapper:hover .group-hover\/wrapper\:opacity-100{opacity:1}
.group:hover .group-hover\:opacity-100{opacity:1}
.peer:checked ~ .peer-checked\:bg-dsa-gold-500{--tw-bg-opacity:1;background-color:rgb(212 160 23 / var(--tw-bg-opacity, 1))}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.peer:checked ~ .peer-checked\:after\:border-white::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.peer:focus ~ .peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}
.peer:focus ~ .peer-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.peer:focus ~ .peer-focus\:ring-dsa-gold-300{--tw-ring-opacity:1;--tw-ring-color:rgb(249 220 125 / var(--tw-ring-opacity, 1))}
.dark\:divide-dsa-brown-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(101 51 14 / var(--tw-divide-opacity, 1))}
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}
.dark\:border-amber-500\/20:is(.dark *){border-color:rgb(245 158 11 / 0.2)}
.dark\:border-amber-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}
.dark\:border-amber-700\/20:is(.dark *){border-color:rgb(180 83 9 / 0.2)}
.dark\:border-amber-700\/30:is(.dark *){border-color:rgb(180 83 9 / 0.3)}
.dark\:border-amber-700\/50:is(.dark *){border-color:rgb(180 83 9 / 0.5)}
.dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}
.dark\:border-amber-800\/50:is(.dark *){border-color:rgb(146 64 14 / 0.5)}
.dark\:border-amber-900\/20:is(.dark *){border-color:rgb(120 53 15 / 0.2)}
.dark\:border-amber-900\/30:is(.dark *){border-color:rgb(120 53 15 / 0.3)}
.dark\:border-amber-900\/40:is(.dark *){border-color:rgb(120 53 15 / 0.4)}
.dark\:border-blue-300:is(.dark *){--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}
.dark\:border-blue-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
.dark\:border-blue-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.dark\:border-blue-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.dark\:border-blue-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}
.dark\:border-blue-700\/50:is(.dark *){border-color:rgb(29 78 216 / 0.5)}
.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}
.dark\:border-blue-900\/20:is(.dark *){border-color:rgb(30 58 138 / 0.2)}
.dark\:border-blue-900\/30:is(.dark *){border-color:rgb(30 58 138 / 0.3)}
.dark\:border-dsa-blood-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-blood-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-brown-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(122 61 17 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-brown-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(101 51 14 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-brown-700\/40:is(.dark *){border-color:rgb(101 51 14 / 0.4)}
.dark\:border-dsa-brown-700\/50:is(.dark *){border-color:rgb(101 51 14 / 0.5)}
.dark\:border-dsa-brown-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 41 12 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-emerald-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-emerald-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-gold-400:is(.dark *){--tw-border-opacity:1;border-color:rgb(245 197 71 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-gold-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(184 134 11 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-gold-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 111 9 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-gold\/80:is(.dark *){border-color:hsl(42 75% 55% / 0.8)}
.dark\:border-dsa-iron-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}
.dark\:border-dsa-iron-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}
.dark\:border-emerald-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))}
.dark\:border-emerald-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))}
.dark\:border-emerald-900\/20:is(.dark *){border-color:rgb(6 78 59 / 0.2)}
.dark\:border-emerald-900\/30:is(.dark *){border-color:rgb(6 78 59 / 0.3)}
.dark\:border-gray-300:is(.dark *){--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}
.dark\:border-gray-700\/50:is(.dark *){border-color:rgb(55 65 81 / 0.5)}
.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}
.dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
.dark\:border-green-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}
.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}
.dark\:border-green-900\/30:is(.dark *){border-color:rgb(20 83 45 / 0.3)}
.dark\:border-indigo-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))}
.dark\:border-indigo-900\/30:is(.dark *){border-color:rgb(49 46 129 / 0.3)}
.dark\:border-indigo-900\/40:is(.dark *){border-color:rgb(49 46 129 / 0.4)}
.dark\:border-orange-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}
.dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))}
.dark\:border-pink-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(157 23 77 / var(--tw-border-opacity, 1))}
.dark\:border-purple-300:is(.dark *){--tw-border-opacity:1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}
.dark\:border-purple-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}
.dark\:border-purple-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}
.dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))}
.dark\:border-purple-900\/30:is(.dark *){border-color:rgb(88 28 135 / 0.3)}
.dark\:border-red-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}
.dark\:border-red-700\/50:is(.dark *){border-color:rgb(185 28 28 / 0.5)}
.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}
.dark\:border-red-900\/20:is(.dark *){border-color:rgb(127 29 29 / 0.2)}
.dark\:border-red-900\/30:is(.dark *){border-color:rgb(127 29 29 / 0.3)}
.dark\:border-rose-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(159 18 57 / var(--tw-border-opacity, 1))}
.dark\:border-rose-900\/30:is(.dark *){border-color:rgb(136 19 55 / 0.3)}
.dark\:border-sky-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}
.dark\:border-sky-900\/20:is(.dark *){border-color:rgb(12 74 110 / 0.2)}
.dark\:border-sky-900\/30:is(.dark *){border-color:rgb(12 74 110 / 0.3)}
.dark\:border-slate-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}
.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}
.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}
.dark\:border-slate-900\/30:is(.dark *){border-color:rgb(15 23 42 / 0.3)}
.dark\:border-stone-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(87 83 78 / var(--tw-border-opacity, 1))}
.dark\:border-stone-600\/30:is(.dark *){border-color:rgb(87 83 78 / 0.3)}
.dark\:border-stone-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(68 64 60 / var(--tw-border-opacity, 1))}
.dark\:border-white\/10:is(.dark *){border-color:rgb(255 255 255 / 0.1)}
.dark\:border-yellow-300:is(.dark *){--tw-border-opacity:1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}
.dark\:border-yellow-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}
.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}
.dark\:border-yellow-900\/30:is(.dark *){border-color:rgb(113 63 18 / 0.3)}
.dark\:\!bg-amber-900\/30:is(.dark *){background-color:rgb(120 53 15 / 0.3) !important}
.dark\:bg-\[\#1a1614\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(26 22 20 / var(--tw-bg-opacity, 1))}
.dark\:bg-\[\#2c241b\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(44 36 27 / var(--tw-bg-opacity, 1))}
.dark\:bg-amber-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}
.dark\:bg-amber-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))}
.dark\:bg-amber-800\/30:is(.dark *){background-color:rgb(146 64 14 / 0.3)}
.dark\:bg-amber-900\/10:is(.dark *){background-color:rgb(120 53 15 / 0.1)}
.dark\:bg-amber-900\/20:is(.dark *){background-color:rgb(120 53 15 / 0.2)}
.dark\:bg-amber-900\/30:is(.dark *){background-color:rgb(120 53 15 / 0.3)}
.dark\:bg-amber-900\/40:is(.dark *){background-color:rgb(120 53 15 / 0.4)}
.dark\:bg-amber-900\/5:is(.dark *){background-color:rgb(120 53 15 / 0.05)}
.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}
.dark\:bg-amber-950\/30:is(.dark *){background-color:rgb(69 26 3 / 0.3)}
.dark\:bg-black\/20:is(.dark *){background-color:rgb(0 0 0 / 0.2)}
.dark\:bg-black\/70:is(.dark *){background-color:rgb(0 0 0 / 0.7)}
.dark\:bg-blue-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.dark\:bg-blue-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}
.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}
.dark\:bg-blue-900\/10:is(.dark *){background-color:rgb(30 58 138 / 0.1)}
.dark\:bg-blue-900\/20:is(.dark *){background-color:rgb(30 58 138 / 0.2)}
.dark\:bg-blue-900\/30:is(.dark *){background-color:rgb(30 58 138 / 0.3)}
.dark\:bg-blue-950\/20:is(.dark *){background-color:rgb(23 37 84 / 0.2)}
.dark\:bg-dsa-blood-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-blood-900\/20:is(.dark *){background-color:rgb(69 10 10 / 0.2)}
.dark\:bg-dsa-blood-900\/30:is(.dark *){background-color:rgb(69 10 10 / 0.3)}
.dark\:bg-dsa-brown-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(122 61 17 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-brown-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(101 51 14 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-brown-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(82 41 12 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-brown-800\/50:is(.dark *){background-color:rgb(82 41 12 / 0.5)}
.dark\:bg-dsa-brown-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(61 31 9 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-brown-900\/20:is(.dark *){background-color:rgb(61 31 9 / 0.2)}
.dark\:bg-dsa-brown-900\/50:is(.dark *){background-color:rgb(61 31 9 / 0.5)}
.dark\:bg-dsa-emerald-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-emerald-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-emerald-900\/20:is(.dark *){background-color:rgb(6 78 59 / 0.2)}
.dark\:bg-dsa-emerald-900\/30:is(.dark *){background-color:rgb(6 78 59 / 0.3)}
.dark\:bg-dsa-gold-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(245 197 71 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-gold-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(184 134 11 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-gold-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 111 9 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-gold-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(122 89 7 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-gold-800\/30:is(.dark *){background-color:rgb(122 89 7 / 0.3)}
.dark\:bg-dsa-gold-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(92 67 5 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-gold-900\/10:is(.dark *){background-color:rgb(92 67 5 / 0.1)}
.dark\:bg-dsa-gold-900\/20:is(.dark *){background-color:rgb(92 67 5 / 0.2)}
.dark\:bg-dsa-gold-900\/30:is(.dark *){background-color:rgb(92 67 5 / 0.3)}
.dark\:bg-dsa-iron-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-iron-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.dark\:bg-dsa-iron-900\/30:is(.dark *){background-color:rgb(15 23 42 / 0.3)}
.dark\:bg-dsa-red\/30:is(.dark *){background-color:hsl(358 65% 38% / 0.3)}
.dark\:bg-emerald-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}
.dark\:bg-emerald-900\/10:is(.dark *){background-color:rgb(6 78 59 / 0.1)}
.dark\:bg-emerald-900\/20:is(.dark *){background-color:rgb(6 78 59 / 0.2)}
.dark\:bg-emerald-900\/30:is(.dark *){background-color:rgb(6 78 59 / 0.3)}
.dark\:bg-emerald-950\/20:is(.dark *){background-color:rgb(2 44 34 / 0.2)}
.dark\:bg-emerald-950\/30:is(.dark *){background-color:rgb(2 44 34 / 0.3)}
.dark\:bg-gray-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-700\/50:is(.dark *){background-color:rgb(55 65 81 / 0.5)}
.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-800\/50:is(.dark *){background-color:rgb(31 41 55 / 0.5)}
.dark\:bg-gray-800\/90:is(.dark *){background-color:rgb(31 41 55 / 0.9)}
.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-900\/20:is(.dark *){background-color:rgb(17 24 39 / 0.2)}
.dark\:bg-gray-900\/30:is(.dark *){background-color:rgb(17 24 39 / 0.3)}
.dark\:bg-gray-900\/50:is(.dark *){background-color:rgb(17 24 39 / 0.5)}
.dark\:bg-green-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.dark\:bg-green-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.dark\:bg-green-900\/20:is(.dark *){background-color:rgb(20 83 45 / 0.2)}
.dark\:bg-green-900\/30:is(.dark *){background-color:rgb(20 83 45 / 0.3)}
.dark\:bg-green-900\/50:is(.dark *){background-color:rgb(20 83 45 / 0.5)}
.dark\:bg-indigo-900\/10:is(.dark *){background-color:rgb(49 46 129 / 0.1)}
.dark\:bg-indigo-900\/20:is(.dark *){background-color:rgb(49 46 129 / 0.2)}
.dark\:bg-indigo-900\/30:is(.dark *){background-color:rgb(49 46 129 / 0.3)}
.dark\:bg-indigo-900\/5:is(.dark *){background-color:rgb(49 46 129 / 0.05)}
.dark\:bg-orange-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}
.dark\:bg-orange-900\/10:is(.dark *){background-color:rgb(124 45 18 / 0.1)}
.dark\:bg-orange-900\/20:is(.dark *){background-color:rgb(124 45 18 / 0.2)}
.dark\:bg-orange-900\/30:is(.dark *){background-color:rgb(124 45 18 / 0.3)}
.dark\:bg-orange-900\/50:is(.dark *){background-color:rgb(124 45 18 / 0.5)}
.dark\:bg-parchment-dark:is(.dark *){--tw-bg-opacity:1;background-color:hsl(25 20% 12% / var(--tw-bg-opacity, 1))}
.dark\:bg-pink-900\/30:is(.dark *){background-color:rgb(131 24 67 / 0.3)}
.dark\:bg-purple-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}
.dark\:bg-purple-900\/20:is(.dark *){background-color:rgb(88 28 135 / 0.2)}
.dark\:bg-purple-900\/30:is(.dark *){background-color:rgb(88 28 135 / 0.3)}
.dark\:bg-purple-950\/30:is(.dark *){background-color:rgb(59 7 100 / 0.3)}
.dark\:bg-red-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}
.dark\:bg-red-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}
.dark\:bg-red-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}
.dark\:bg-red-900\/10:is(.dark *){background-color:rgb(127 29 29 / 0.1)}
.dark\:bg-red-900\/20:is(.dark *){background-color:rgb(127 29 29 / 0.2)}
.dark\:bg-red-900\/30:is(.dark *){background-color:rgb(127 29 29 / 0.3)}
.dark\:bg-red-900\/50:is(.dark *){background-color:rgb(127 29 29 / 0.5)}
.dark\:bg-red-950\/20:is(.dark *){background-color:rgb(69 10 10 / 0.2)}
.dark\:bg-rose-900\/20:is(.dark *){background-color:rgb(136 19 55 / 0.2)}
.dark\:bg-rose-900\/30:is(.dark *){background-color:rgb(136 19 55 / 0.3)}
.dark\:bg-rose-950\/30:is(.dark *){background-color:rgb(76 5 25 / 0.3)}
.dark\:bg-sky-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(7 89 133 / var(--tw-bg-opacity, 1))}
.dark\:bg-sky-900\/10:is(.dark *){background-color:rgb(12 74 110 / 0.1)}
.dark\:bg-sky-900\/20:is(.dark *){background-color:rgb(12 74 110 / 0.2)}
.dark\:bg-sky-900\/30:is(.dark *){background-color:rgb(12 74 110 / 0.3)}
.dark\:bg-sky-950\/30:is(.dark *){background-color:rgb(8 47 73 / 0.3)}
.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-800\/30:is(.dark *){background-color:rgb(30 41 59 / 0.3)}
.dark\:bg-slate-800\/50:is(.dark *){background-color:rgb(30 41 59 / 0.5)}
.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-900\/50:is(.dark *){background-color:rgb(15 23 42 / 0.5)}
.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-950\/30:is(.dark *){background-color:rgb(2 6 23 / 0.3)}
.dark\:bg-stone-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(41 37 36 / var(--tw-bg-opacity, 1))}
.dark\:bg-stone-800\/30:is(.dark *){background-color:rgb(41 37 36 / 0.3)}
.dark\:bg-stone-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1))}
.dark\:bg-stone-900\/50:is(.dark *){background-color:rgb(28 25 23 / 0.5)}
.dark\:bg-stone-950\/20:is(.dark *){background-color:rgb(12 10 9 / 0.2)}
.dark\:bg-white\/5:is(.dark *){background-color:rgb(255 255 255 / 0.05)}
.dark\:bg-yellow-900\/20:is(.dark *){background-color:rgb(113 63 18 / 0.2)}
.dark\:bg-yellow-900\/30:is(.dark *){background-color:rgb(113 63 18 / 0.3)}
.dark\:bg-yellow-900\/50:is(.dark *){background-color:rgb(113 63 18 / 0.5)}
.dark\:from-amber-100:is(.dark *){--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 243 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-amber-600\/20:is(.dark *){--tw-gradient-from:rgb(217 119 6 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-blue-900:is(.dark *){--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-brown-600:is(.dark *){--tw-gradient-from:#7a3d11 var(--tw-gradient-from-position);--tw-gradient-to:rgb(122 61 17 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-brown-800:is(.dark *){--tw-gradient-from:#52290c var(--tw-gradient-from-position);--tw-gradient-to:rgb(82 41 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-brown-900:is(.dark *){--tw-gradient-from:#3d1f09 var(--tw-gradient-from-position);--tw-gradient-to:rgb(61 31 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-brown-900\/30:is(.dark *){--tw-gradient-from:rgb(61 31 9 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(61 31 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-emerald-900:is(.dark *){--tw-gradient-from:#064e3b var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-gold-900:is(.dark *){--tw-gradient-from:#5c4305 var(--tw-gradient-from-position);--tw-gradient-to:rgb(92 67 5 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-dsa-gold-900\/20:is(.dark *){--tw-gradient-from:rgb(92 67 5 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(92 67 5 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-gray-800:is(.dark *){--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-green-700:is(.dark *){--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-purple-900\/20:is(.dark *){--tw-gradient-from:rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-slate-800:is(.dark *){--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:via-dsa-brown-700:is(.dark *){--tw-gradient-to:rgb(101 51 14 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #65330e var(--tw-gradient-via-position), var(--tw-gradient-to)}
.dark\:to-amber-300:is(.dark *){--tw-gradient-to:#fcd34d var(--tw-gradient-to-position)}
.dark\:to-blue-800:is(.dark *){--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}
.dark\:to-dsa-brown-700:is(.dark *){--tw-gradient-to:#65330e var(--tw-gradient-to-position)}
.dark\:to-dsa-brown-800:is(.dark *){--tw-gradient-to:#52290c var(--tw-gradient-to-position)}
.dark\:to-dsa-brown-900\/20:is(.dark *){--tw-gradient-to:rgb(61 31 9 / 0.2) var(--tw-gradient-to-position)}
.dark\:to-dsa-emerald-800:is(.dark *){--tw-gradient-to:#065f46 var(--tw-gradient-to-position)}
.dark\:to-dsa-emerald-900\/20:is(.dark *){--tw-gradient-to:rgb(6 78 59 / 0.2) var(--tw-gradient-to-position)}
.dark\:to-dsa-gold-800:is(.dark *){--tw-gradient-to:#7a5907 var(--tw-gradient-to-position)}
.dark\:to-gray-900:is(.dark *){--tw-gradient-to:#111827 var(--tw-gradient-to-position)}
.dark\:to-green-800:is(.dark *){--tw-gradient-to:#166534 var(--tw-gradient-to-position)}
.dark\:to-orange-800\/20:is(.dark *){--tw-gradient-to:rgb(154 52 18 / 0.2) var(--tw-gradient-to-position)}
.dark\:to-orange-900\/20:is(.dark *){--tw-gradient-to:rgb(124 45 18 / 0.2) var(--tw-gradient-to-position)}
.dark\:to-slate-900:is(.dark *){--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}
.dark\:\!text-amber-300:is(.dark *){--tw-text-opacity:1 !important;color:rgb(252 211 77 / var(--tw-text-opacity, 1)) !important}
.dark\:\!text-amber-400:is(.dark *){--tw-text-opacity:1 !important;color:rgb(251 191 36 / var(--tw-text-opacity, 1)) !important}
.dark\:text-amber-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}
.dark\:text-amber-100\/80:is(.dark *){color:rgb(254 243 199 / 0.8)}
.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}
.dark\:text-amber-200\/90:is(.dark *){color:rgb(253 230 138 / 0.9)}
.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}
.dark\:text-amber-300\/50:is(.dark *){color:rgb(252 211 77 / 0.5)}
.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}
.dark\:text-amber-400\/80:is(.dark *){color:rgb(251 191 36 / 0.8)}
.dark\:text-amber-50:is(.dark *){--tw-text-opacity:1;color:rgb(255 251 235 / var(--tw-text-opacity, 1))}
.dark\:text-amber-500:is(.dark *){--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}
.dark\:text-amber-500\/40:is(.dark *){color:rgb(245 158 11 / 0.4)}
.dark\:text-amber-500\/60:is(.dark *){color:rgb(245 158 11 / 0.6)}
.dark\:text-amber-600:is(.dark *){--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}
.dark\:text-blue-100:is(.dark *){--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}
.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}
.dark\:text-blue-200\/70:is(.dark *){color:rgb(191 219 254 / 0.7)}
.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-blood-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-blood-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-brown-200:is(.dark *){--tw-text-opacity:1;color:rgb(232 220 198 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-brown-300:is(.dark *){--tw-text-opacity:1;color:rgb(212 195 160 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-brown-400:is(.dark *){--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-brown-500:is(.dark *){--tw-text-opacity:1;color:rgb(139 69 19 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-brown-600:is(.dark *){--tw-text-opacity:1;color:rgb(122 61 17 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-gold-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 247 217 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-gold-200:is(.dark *){--tw-text-opacity:1;color:rgb(252 236 179 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-gold-300:is(.dark *){--tw-text-opacity:1;color:rgb(249 220 125 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-gold-400:is(.dark *){--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-iron-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-iron-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 241 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-200:is(.dark *){--tw-text-opacity:1;color:rgb(252 242 225 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-300:is(.dark *){--tw-text-opacity:1;color:rgb(249 232 201 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-400:is(.dark *){--tw-text-opacity:1;color:rgb(245 218 167 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-500:is(.dark *){--tw-text-opacity:1;color:rgb(240 198 116 / var(--tw-text-opacity, 1))}
.dark\:text-dsa-parchment-600:is(.dark *){--tw-text-opacity:1;color:rgb(230 184 92 / var(--tw-text-opacity, 1))}
.dark\:text-emerald-100:is(.dark *){--tw-text-opacity:1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}
.dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}
.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}
.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}
.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}
.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.dark\:text-green-100:is(.dark *){--tw-text-opacity:1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dark\:text-indigo-100:is(.dark *){--tw-text-opacity:1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}
.dark\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}
.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}
.dark\:text-orange-100:is(.dark *){--tw-text-opacity:1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))}
.dark\:text-orange-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}
.dark\:text-orange-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}
.dark\:text-pink-300:is(.dark *){--tw-text-opacity:1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}
.dark\:text-pink-400:is(.dark *){--tw-text-opacity:1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}
.dark\:text-purple-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}
.dark\:text-purple-200:is(.dark *){--tw-text-opacity:1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}
.dark\:text-purple-300:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}
.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}
.dark\:text-red-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}
.dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}
.dark\:text-red-200\/70:is(.dark *){color:rgb(254 202 202 / 0.7)}
.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.dark\:text-rose-100:is(.dark *){--tw-text-opacity:1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}
.dark\:text-rose-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}
.dark\:text-sky-100:is(.dark *){--tw-text-opacity:1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}
.dark\:text-sky-300:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}
.dark\:text-sky-400:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}
.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}
.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}
.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}
.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
.dark\:text-stone-100:is(.dark *){--tw-text-opacity:1;color:rgb(245 245 244 / var(--tw-text-opacity, 1))}
.dark\:text-stone-300:is(.dark *){--tw-text-opacity:1;color:rgb(214 211 209 / var(--tw-text-opacity, 1))}
.dark\:text-stone-400:is(.dark *){--tw-text-opacity:1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}
.dark\:text-stone-500:is(.dark *){--tw-text-opacity:1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}
.dark\:text-teal-400:is(.dark *){--tw-text-opacity:1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}
.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.dark\:text-white\/80:is(.dark *){color:rgb(255 255 255 / 0.8)}
.dark\:text-yellow-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))}
.dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}
.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}
.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}
.dark\:text-yellow-500:is(.dark *){--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}
.dark\:placeholder-dsa-parchment-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(240 198 116 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-dsa-parchment-500:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(240 198 116 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-gray-500:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-slate-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-slate-500:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))}
.dark\:outline-blue-950:is(.dark *){outline-color:#172554}
.dark\:ring-blue-500:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}
.dark\:ring-yellow-600:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(202 138 4 / var(--tw-ring-opacity, 1))}
.dark\:placeholder\:text-dsa-parchment-600:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(230 184 92 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-dsa-parchment-600:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(230 184 92 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.dark\:before\:from-amber-900\/10:is(.dark *)::before{content:var(--tw-content);--tw-gradient-from:rgb(120 53 15 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:before\:via-transparent:is(.dark *)::before{content:var(--tw-content);--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}
.dark\:before\:to-transparent:is(.dark *)::before{content:var(--tw-content);--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.dark\:hover\:border-blue-400:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-blue-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dsa-brown-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(139 69 19 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dsa-brown-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(122 61 17 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dsa-brown-600\/60:hover:is(.dark *){border-color:rgb(122 61 17 / 0.6)}
.dark\:hover\:border-dsa-gold-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(212 160 23 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dsa-gold-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(184 134 11 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dsa-gold-800:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(122 89 7 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-indigo-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-indigo-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-purple-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-red-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}
.dark\:hover\:\!bg-amber-800\/50:hover:is(.dark *){background-color:rgb(146 64 14 / 0.5) !important}
.dark\:hover\:bg-amber-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-amber-800\/50:hover:is(.dark *){background-color:rgb(146 64 14 / 0.5)}
.dark\:hover\:bg-blue-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-blue-800\/40:hover:is(.dark *){background-color:rgb(30 64 175 / 0.4)}
.dark\:hover\:bg-dsa-blood-800\/30:hover:is(.dark *){background-color:rgb(127 29 29 / 0.3)}
.dark\:hover\:bg-dsa-blood-800\/40:hover:is(.dark *){background-color:rgb(127 29 29 / 0.4)}
.dark\:hover\:bg-dsa-blood-900\/20:hover:is(.dark *){background-color:rgb(69 10 10 / 0.2)}
.dark\:hover\:bg-dsa-brown-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(122 61 17 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-brown-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(101 51 14 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-brown-700\/50:hover:is(.dark *){background-color:rgb(101 51 14 / 0.5)}
.dark\:hover\:bg-dsa-brown-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(82 41 12 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-brown-800\/50:hover:is(.dark *){background-color:rgb(82 41 12 / 0.5)}
.dark\:hover\:bg-dsa-brown-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(61 31 9 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-brown-900\/20:hover:is(.dark *){background-color:rgb(61 31 9 / 0.2)}
.dark\:hover\:bg-dsa-emerald-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-emerald-800\/30:hover:is(.dark *){background-color:rgb(6 95 70 / 0.3)}
.dark\:hover\:bg-dsa-emerald-800\/40:hover:is(.dark *){background-color:rgb(6 95 70 / 0.4)}
.dark\:hover\:bg-dsa-emerald-900\/20:hover:is(.dark *){background-color:rgb(6 78 59 / 0.2)}
.dark\:hover\:bg-dsa-gold-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(122 89 7 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dsa-gold-800\/30:hover:is(.dark *){background-color:rgb(122 89 7 / 0.3)}
.dark\:hover\:bg-dsa-gold-800\/50:hover:is(.dark *){background-color:rgb(122 89 7 / 0.5)}
.dark\:hover\:bg-dsa-gold-900\/30:hover:is(.dark *){background-color:rgb(92 67 5 / 0.3)}
.dark\:hover\:bg-dsa-iron-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-700\/50:hover:is(.dark *){background-color:rgb(55 65 81 / 0.5)}
.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:rgb(31 41 55 / 0.5)}
.dark\:hover\:bg-green-900\/20:hover:is(.dark *){background-color:rgb(20 83 45 / 0.2)}
.dark\:hover\:bg-green-900\/30:hover:is(.dark *){background-color:rgb(20 83 45 / 0.3)}
.dark\:hover\:bg-indigo-900\/20:hover:is(.dark *){background-color:rgb(49 46 129 / 0.2)}
.dark\:hover\:bg-purple-900\/50:hover:is(.dark *){background-color:rgb(88 28 135 / 0.5)}
.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-red-800\/40:hover:is(.dark *){background-color:rgb(153 27 27 / 0.4)}
.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:rgb(127 29 29 / 0.2)}
.dark\:hover\:bg-red-900\/30:hover:is(.dark *){background-color:rgb(127 29 29 / 0.3)}
.dark\:hover\:bg-slate-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-slate-800\/50:hover:is(.dark *){background-color:rgb(30 41 59 / 0.5)}
.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:rgb(255 255 255 / 0.1)}
.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *){background-color:rgb(113 63 18 / 0.2)}
.dark\:hover\:text-amber-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-amber-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dsa-brown-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(232 220 198 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dsa-gold-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(245 197 71 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dsa-parchment-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 241 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dsa-parchment-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(249 232 201 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dsa-red:hover:is(.dark *){--tw-text-opacity:1;color:hsl(358 65% 38% / var(--tw-text-opacity, 1))}
.dark\:hover\:text-gray-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-green-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-indigo-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-indigo-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-orange-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-purple-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-red-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-slate-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.dark\:hover\:shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.4\)\]:hover:is(.dark *){--tw-shadow:0 8px 30px rgb(0,0,0,0.4);--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.dark\:focus\:ring-dsa-gold-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(245 197 71 / var(--tw-ring-opacity, 1))}
.dark\:focus\:ring-red-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity, 1))}
.dark\:focus\:ring-offset-dsa-brown-800:focus:is(.dark *){--tw-ring-offset-color:#52290c}
.dark\:focus\:ring-offset-dsa-brown-900:focus:is(.dark *){--tw-ring-offset-color:#3d1f09}
.group:hover .dark\:group-hover\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.peer:focus ~ .dark\:peer-focus\:ring-dsa-gold-800:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(122 89 7 / var(--tw-ring-opacity, 1))}
@media (min-width: 640px){
.sm\:my-8{margin-top:2rem;margin-bottom:2rem}
.sm\:mb-4{margin-bottom:1rem}
.sm\:mb-6{margin-bottom:1.5rem}
.sm\:ml-4{margin-left:1rem}
.sm\:mt-0{margin-top:0px}
.sm\:block{display:block}
.sm\:inline-block{display:inline-block}
.sm\:inline{display:inline}
.sm\:flex{display:flex}
.sm\:inline-flex{display:inline-flex}
.sm\:hidden{display:none}
.sm\:h-screen{height:100vh}
.sm\:min-h-0{min-height:0px}
.sm\:w-40{width:10rem}
.sm\:w-72{width:18rem}
.sm\:w-auto{width:auto}
.sm\:w-full{width:100%}
.sm\:min-w-0{min-width:0px}
.sm\:min-w-\[140px\]{min-width:140px}
.sm\:min-w-\[160px\]{min-width:160px}
.sm\:max-w-4xl{max-width:56rem}
.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:flex-wrap{flex-wrap:wrap}
.sm\:items-start{align-items:flex-start}
.sm\:items-center{align-items:center}
.sm\:justify-between{justify-content:space-between}
.sm\:gap-2{gap:0.5rem}
.sm\:gap-3{gap:0.75rem}
.sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.sm\:self-start{align-self:flex-start}
.sm\:rounded-l-lg{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}
.sm\:rounded-r-lg{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
.sm\:border-b-0{border-bottom-width:0px}
.sm\:border-r{border-right-width:1px}
.sm\:p-0{padding:0px}
.sm\:p-2{padding:0.5rem}
.sm\:p-3{padding:0.75rem}
.sm\:p-4{padding:1rem}
.sm\:p-5{padding:1.25rem}
.sm\:p-6{padding:1.5rem}
.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}
.sm\:px-4{padding-left:1rem;padding-right:1rem}
.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
.sm\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.sm\:pb-4{padding-bottom:1rem}
.sm\:text-left{text-align:left}
.sm\:align-middle{vertical-align:middle}
.sm\:text-base{font-size:1rem;line-height:1.5rem}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}}
@media (min-width: 768px){
.md\:bottom-6{bottom:1.5rem}
.md\:right-6{right:1.5rem}
.md\:col-span-2{grid-column:span 2 / span 2}
.md\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}
.md\:-mt-6{margin-top:-1.5rem}
.md\:block{display:block}
.md\:flex{display:flex}
.md\:inline-flex{display:inline-flex}
.md\:grid{display:grid}
.md\:hidden{display:none}
.md\:h-10{height:2.5rem}
.md\:h-16{height:4rem}
.md\:h-5{height:1.25rem}
.md\:h-9{height:2.25rem}
.md\:w-10{width:2.5rem}
.md\:w-5{width:1.25rem}
.md\:w-9{width:2.25rem}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.md\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.md\:flex-row{flex-direction:row}
.md\:justify-start{justify-content:flex-start}
.md\:p-12{padding:3rem}
.md\:p-20{padding:5rem}
.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.md\:pl-6{padding-left:1.5rem}
.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.md\:text-base{font-size:1rem;line-height:1.5rem}
.md\:text-lg{font-size:1.125rem;line-height:1.75rem}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width: 1024px){
.lg\:relative{position:relative}
.lg\:col-span-1{grid-column:span 1 / span 1}
.lg\:col-span-2{grid-column:span 2 / span 2}
.lg\:mb-6{margin-bottom:1.5rem}
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.lg\:h-\[calc\(100\%-65px\)\]{height:calc(100% - 65px)}
.lg\:w-1\/3{width:33.333333%}
.lg\:w-80{width:20rem}
.lg\:flex-1{flex:1 1 0%}
.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.lg\:transform-none{transform:none}
.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.lg\:flex-row{flex-direction:row}
.lg\:gap-4{gap:1rem}
.lg\:space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.lg\:space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.lg\:p-3{padding:0.75rem}
.lg\:p-4{padding:1rem}
.lg\:p-6{padding:1.5rem}
.lg\:p-8{padding:2rem}
.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.lg\:py-4{padding-top:1rem;padding-bottom:1rem}
.lg\:pb-6{padding-bottom:1.5rem}
.lg\:pt-0{padding-top:0px}
.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width: 1280px){
.xl\:col-span-1{grid-column:span 1 / span 1}
.xl\:col-span-2{grid-column:span 2 / span 2}
.xl\:col-span-3{grid-column:span 3 / span 3}
.xl\:block{display:block}
.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.xl\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}}
.\[\&_\.ProseMirror\]\:min-h-\[var\(--min-height\)\] .ProseMirror{min-height:var(--min-height)}
.\[\&_\.ProseMirror\]\:outline-none .ProseMirror{outline:2px solid transparent;outline-offset:2px}
.\[\&_\.is-editor-empty\]\:before\:pointer-events-none .is-editor-empty::before{content:var(--tw-content);pointer-events:none}
.\[\&_\.is-editor-empty\]\:before\:float-left .is-editor-empty::before{content:var(--tw-content);float:left}
.\[\&_\.is-editor-empty\]\:before\:h-0 .is-editor-empty::before{content:var(--tw-content);height:0px}
.\[\&_\.is-editor-empty\]\:before\:text-dsa-brown-400 .is-editor-empty::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(184 161 118 / var(--tw-text-opacity, 1))}
.\[\&_\.is-editor-empty\]\:before\:content-\[attr\(data-placeholder\)\] .is-editor-empty::before{--tw-content:attr(data-placeholder);content:var(--tw-content)}
.\[\&_\.is-editor-empty\]\:before\:dark\:text-dsa-parchment-500:is(.dark *) .is-editor-empty::before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(240 198 116 / var(--tw-text-opacity, 1))}
/**
 * Base Components Styling
 *
 * Subtle, consistent styling for ContentArea, FeatureArea, and ProtectedRoute components
 */

/* ===== ContentArea Styling ===== */

.content-area {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.content-area:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.content-area {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.content-area--character-management {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.content-area--character-management:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

.content-area--wallet-management {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.content-area--wallet-management:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.content-area--gm-tools {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.content-area--gm-tools:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}

.content-area--campaign-management {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.content-area--campaign-management:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

.content-area--generators {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.content-area--generators:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}

.content-area--dashboard {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.content-area--dashboard:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.content-area--settings {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.content-area--settings:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.content-area--admin {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.content-area--admin:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.content-area--error {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.content-area--error:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}

.content-area--denied {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.content-area--denied:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}

.content-area__body {
  padding: 1rem;
}

/* Hover effects for interactive content areas */

.content-area:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ===== FeatureArea Styling ===== */

.feature-area {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.feature-area:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.feature-area {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.feature-area--compact {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.feature-area--compact .feature-area__content {
  padding: 0.75rem;
}

.feature-area__content {
  padding: 1rem;
}

/* Feature area variants */

.feature-area--character-info,
.feature-area--character-edit,
.feature-area--character-stats {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.feature-area--character-info:is(.dark *),
.feature-area--character-edit:is(.dark *),
.feature-area--character-stats:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.feature-area--wallet-overview,
.feature-area--wallet-manage,
.feature-area--money-transfer {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}

.feature-area--wallet-overview:is(.dark *),
.feature-area--wallet-manage:is(.dark *),
.feature-area--money-transfer:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.feature-area--npc-management,
.feature-area--weather-control,
.feature-area--campaign-overview {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}

.feature-area--npc-management:is(.dark *),
.feature-area--weather-control:is(.dark *),
.feature-area--campaign-overview:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

.feature-area--npc-generator,
.feature-area--tavern-generator {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.feature-area--npc-generator:is(.dark *),
.feature-area--tavern-generator:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}

.feature-area--quick-actions,
.feature-area--notifications {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.feature-area--quick-actions:is(.dark *),
.feature-area--notifications:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.feature-area--restricted {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.feature-area--restricted:is(.dark *) {
  background-color: rgb(127 29 29 / 0.1);
}

/* Subtle hover for feature areas */

.feature-area:hover {
  --tw-border-opacity: 0.8;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ===== Widget Header Integration ===== */

.widget-header {
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
}

.widget-header:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.widget-header {
  /* Ensure header content stays within widget bounds */
  width: 100%;
  box-sizing: border-box;
}

/* Ensure widgets contain their content */

.widget {
  overflow: hidden;
  box-sizing: border-box;
}

/* Make access indicators more subtle */

.widget-header button[aria-label='Access indicator'] {
  opacity: 0.6;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.widget-header button[aria-label='Access indicator']:hover {
  opacity: 1;
}

/* ===== Responsive Design ===== */

@media (max-width: 768px) {
  .content-area__body {
    padding: 0.75rem;
  }

  .feature-area__content {
    padding: 0.75rem;
  }

  .feature-area--compact .feature-area__content {
    padding: 0.5rem;
  }
}

/* ===== Dark Mode Enhancements ===== */

@media (prefers-color-scheme: dark) {
  .content-area {
    background-color: rgb(31 41 55 / 0.5);
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .feature-area {
    background-color: rgb(31 41 55 / 0.3);
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

/* ===== Accessibility ===== */

.content-area:focus-within,
.feature-area:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.5;
}

/* ===== Animation for access denied states ===== */

.content-area--denied,
.feature-area--restricted {
  animation: subtle-shake 0.5s ease-in-out;
}

@keyframes subtle-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(2px);
  }
}

/* ===== Loading states ===== */

.content-area--loading,
.feature-area--loading {
  opacity: 0.7;
}

.content-area--loading::before,
.feature-area--loading::before {
  content: '';
  position: absolute;
  inset: 0px;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: loading-shimmer 1.5s infinite;
}

@keyframes loading-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/* vollkorn-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-cyrillic-ext-400-normal-DK013rTF.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-ext-400-normal-CYXolEAs.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* vollkorn-cyrillic-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-cyrillic-400-normal-DBAfjXL8.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-400-normal-D5EE68Bt.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* vollkorn-greek-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-greek-400-normal-CjktTBN_.woff2) format('woff2'), url(/assets/vollkorn-greek-400-normal-DqhRrue-.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* vollkorn-vietnamese-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-vietnamese-400-normal-5oLBXWiD.woff2) format('woff2'), url(/assets/vollkorn-vietnamese-400-normal-CX1yEYOc.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* vollkorn-latin-ext-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-latin-ext-400-normal-DnZuQVDH.woff2) format('woff2'), url(/assets/vollkorn-latin-ext-400-normal-1mzDPUIH.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* vollkorn-latin-400-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/vollkorn-latin-400-normal-BaltSqSR.woff2) format('woff2'), url(/assets/vollkorn-latin-400-normal-CbHXUhyQ.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* vollkorn-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-cyrillic-ext-500-normal-BOBzuIot.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-ext-500-normal-U9kXHh3u.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* vollkorn-cyrillic-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-cyrillic-500-normal-CkW_2-sw.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-500-normal-tfF8KHWh.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* vollkorn-greek-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-greek-500-normal-B_XWx9N6.woff2) format('woff2'), url(/assets/vollkorn-greek-500-normal-D-5xdGg1.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* vollkorn-vietnamese-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-vietnamese-500-normal-CaRKU05T.woff2) format('woff2'), url(/assets/vollkorn-vietnamese-500-normal-DNuWDgta.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* vollkorn-latin-ext-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-latin-ext-500-normal-Bqdtaiev.woff2) format('woff2'), url(/assets/vollkorn-latin-ext-500-normal-BzWqE_WR.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* vollkorn-latin-500-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/vollkorn-latin-500-normal-D2zMOVYX.woff2) format('woff2'), url(/assets/vollkorn-latin-500-normal-DlSIcISQ.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* vollkorn-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-cyrillic-ext-600-normal-DjlkCfwC.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-ext-600-normal-C8Ps5gwY.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* vollkorn-cyrillic-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-cyrillic-600-normal-BAaY4JMF.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-600-normal-DurJb7GJ.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* vollkorn-greek-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-greek-600-normal-B03tQI9i.woff2) format('woff2'), url(/assets/vollkorn-greek-600-normal-BdN5pHoP.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* vollkorn-vietnamese-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-vietnamese-600-normal-CocrgJyS.woff2) format('woff2'), url(/assets/vollkorn-vietnamese-600-normal-C-AXzaie.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* vollkorn-latin-ext-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-latin-ext-600-normal-DfoPGkY8.woff2) format('woff2'), url(/assets/vollkorn-latin-ext-600-normal-D4xdxtUa.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* vollkorn-latin-600-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/vollkorn-latin-600-normal-Bg0efxoh.woff2) format('woff2'), url(/assets/vollkorn-latin-600-normal-DxYBVd_6.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* vollkorn-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-cyrillic-ext-700-normal-BsatEUie.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-ext-700-normal-DQ6Wi9Lm.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* vollkorn-cyrillic-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-cyrillic-700-normal-DbxjDv50.woff2) format('woff2'), url(/assets/vollkorn-cyrillic-700-normal-fur9kUkf.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* vollkorn-greek-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-greek-700-normal-DsYCrRnk.woff2) format('woff2'), url(/assets/vollkorn-greek-700-normal-CQEExIMW.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* vollkorn-vietnamese-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-vietnamese-700-normal-DhU9z0xT.woff2) format('woff2'), url(/assets/vollkorn-vietnamese-700-normal-C8L9miXb.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* vollkorn-latin-ext-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-latin-ext-700-normal-DomnLNjg.woff2) format('woff2'), url(/assets/vollkorn-latin-ext-700-normal-yCiZwGkC.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* vollkorn-latin-700-normal */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/vollkorn-latin-700-normal-k7v8UDQY.woff2) format('woff2'), url(/assets/vollkorn-latin-700-normal-Cm9hHOWn.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-latin-ext-400-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/cinzel-latin-ext-400-normal-XQK_CSAr.woff2) format('woff2'), url(/assets/cinzel-latin-ext-400-normal-DJ0Lq8y-.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-latin-400-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/cinzel-latin-400-normal-DnUIPmzd.woff2) format('woff2'), url(/assets/cinzel-latin-400-normal-C8jUSQqm.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-latin-ext-500-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/cinzel-latin-ext-500-normal-1Z8Q-7rh.woff2) format('woff2'), url(/assets/cinzel-latin-ext-500-normal-BxIh9iwm.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-latin-500-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2) format('woff2'), url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-latin-ext-600-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2) format('woff2'), url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-latin-600-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2) format('woff2'), url(/assets/cinzel-latin-600-normal-CH_LB4su.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-latin-ext-700-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format('woff2'), url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-latin-700-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format('woff2'), url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* alegreya-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-cyrillic-ext-400-normal-DN8azYTI.woff2) format('woff2'), url(/assets/alegreya-cyrillic-ext-400-normal-Cj1kF6KR.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* alegreya-cyrillic-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-cyrillic-400-normal-72Io3whm.woff2) format('woff2'), url(/assets/alegreya-cyrillic-400-normal-VT77nruV.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* alegreya-greek-ext-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-greek-ext-400-normal-ueNFnE5s.woff2) format('woff2'), url(/assets/alegreya-greek-ext-400-normal-UcF-MPys.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* alegreya-greek-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-greek-400-normal-BI7tMDVB.woff2) format('woff2'), url(/assets/alegreya-greek-400-normal-BTnTTGc4.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* alegreya-vietnamese-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-vietnamese-400-normal-D8CgJdBg.woff2) format('woff2'), url(/assets/alegreya-vietnamese-400-normal-D-Jsyxvv.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* alegreya-latin-ext-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-latin-ext-400-normal-DYDhqid0.woff2) format('woff2'), url(/assets/alegreya-latin-ext-400-normal-fmfUjRe-.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* alegreya-latin-400-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/alegreya-latin-400-normal-DnLtdBYH.woff2) format('woff2'), url(/assets/alegreya-latin-400-normal-CKyVkEdS.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* alegreya-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-cyrillic-ext-700-normal-Dx8o6fqX.woff2) format('woff2'), url(/assets/alegreya-cyrillic-ext-700-normal-A6q6xEOT.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* alegreya-cyrillic-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-cyrillic-700-normal-Bftrb-m-.woff2) format('woff2'), url(/assets/alegreya-cyrillic-700-normal-_o_NBoYw.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* alegreya-greek-ext-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-greek-ext-700-normal-DzPShcR4.woff2) format('woff2'), url(/assets/alegreya-greek-ext-700-normal-DQPzd-kK.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* alegreya-greek-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-greek-700-normal-ByoPpMZf.woff2) format('woff2'), url(/assets/alegreya-greek-700-normal-mWQ2Ne64.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* alegreya-vietnamese-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-vietnamese-700-normal-CvM8am9u.woff2) format('woff2'), url(/assets/alegreya-vietnamese-700-normal-CdvEC7Dz.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* alegreya-latin-ext-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-latin-ext-700-normal-tmer0XtK.woff2) format('woff2'), url(/assets/alegreya-latin-ext-700-normal-DGZMAyhi.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* alegreya-latin-700-normal */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/alegreya-latin-700-normal-DFzgwtIk.woff2) format('woff2'), url(/assets/alegreya-latin-700-normal-CVJdph97.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-decorative-latin-ext-400-normal */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/cinzel-decorative-latin-ext-400-normal-bHvtSFkP.woff2) format('woff2'), url(/assets/cinzel-decorative-latin-ext-400-normal-DFyBg16u.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-decorative-latin-400-normal */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/cinzel-decorative-latin-400-normal-C3uAaiWr.woff2) format('woff2'), url(/assets/cinzel-decorative-latin-400-normal-Bspm-4mP.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* cinzel-decorative-latin-ext-700-normal */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/cinzel-decorative-latin-ext-700-normal-Dul5pKgq.woff2) format('woff2'), url(/assets/cinzel-decorative-latin-ext-700-normal-BaOC-94C.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* cinzel-decorative-latin-700-normal */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/cinzel-decorative-latin-700-normal-CnX1aK6s.woff2) format('woff2'), url(/assets/cinzel-decorative-latin-700-normal-ov6XPGpn.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* crimson-text-vietnamese-400-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/crimson-text-vietnamese-400-normal-rDtJSp__.woff2) format('woff2'), url(/assets/crimson-text-vietnamese-400-normal-DwuTIOAR.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* crimson-text-latin-ext-400-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/crimson-text-latin-ext-400-normal-B_IkVVOe.woff2) format('woff2'), url(/assets/crimson-text-latin-ext-400-normal-CgOISYAx.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* crimson-text-latin-400-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/crimson-text-latin-400-normal-pRLgj_b_.woff2) format('woff2'), url(/assets/crimson-text-latin-400-normal-qfr3ao9R.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* crimson-text-vietnamese-700-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/crimson-text-vietnamese-700-normal-B8_F2XH_.woff2) format('woff2'), url(/assets/crimson-text-vietnamese-700-normal-CXkeJXjC.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* crimson-text-latin-ext-700-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/crimson-text-latin-ext-700-normal-BCTgeWT0.woff2) format('woff2'), url(/assets/crimson-text-latin-ext-700-normal-TAls6w-3.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* crimson-text-latin-700-normal */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/crimson-text-latin-700-normal-Stku49pw.woff2) format('woff2'), url(/assets/crimson-text-latin-700-normal-CZ4Qu9jq.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* eb-garamond-cyrillic-ext-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-cyrillic-ext-400-normal-CBMNjBwz.woff2) format('woff2'), url(/assets/eb-garamond-cyrillic-ext-400-normal-DvVFcYIV.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* eb-garamond-cyrillic-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-cyrillic-400-normal-DLFur4M8.woff2) format('woff2'), url(/assets/eb-garamond-cyrillic-400-normal-Cgupd8z3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* eb-garamond-greek-ext-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-greek-ext-400-normal-xgh5yVqR.woff2) format('woff2'), url(/assets/eb-garamond-greek-ext-400-normal-m3zVZPMF.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* eb-garamond-greek-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-greek-400-normal-Bd9qxgO7.woff2) format('woff2'), url(/assets/eb-garamond-greek-400-normal-Co9-8-br.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* eb-garamond-vietnamese-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-vietnamese-400-normal-CfDT8MMM.woff2) format('woff2'), url(/assets/eb-garamond-vietnamese-400-normal-yoRrTn3C.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* eb-garamond-latin-ext-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-latin-ext-400-normal-8a_ZZ2Qq.woff2) format('woff2'), url(/assets/eb-garamond-latin-ext-400-normal-Ckqal4CG.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* eb-garamond-latin-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/eb-garamond-latin-400-normal-DSJrtJSV.woff2) format('woff2'), url(/assets/eb-garamond-latin-400-normal-zgGxM6DR.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* eb-garamond-cyrillic-ext-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-cyrillic-ext-700-normal-DyzZdXBX.woff2) format('woff2'), url(/assets/eb-garamond-cyrillic-ext-700-normal-D5VNW9HL.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* eb-garamond-cyrillic-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-cyrillic-700-normal-BZFt2Joo.woff2) format('woff2'), url(/assets/eb-garamond-cyrillic-700-normal-CWv7Yhsm.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* eb-garamond-greek-ext-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-greek-ext-700-normal-BIxyKLA1.woff2) format('woff2'), url(/assets/eb-garamond-greek-ext-700-normal-ByUT8LXT.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* eb-garamond-greek-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-greek-700-normal-ruzFsrp0.woff2) format('woff2'), url(/assets/eb-garamond-greek-700-normal-DE29PU1X.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* eb-garamond-vietnamese-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-vietnamese-700-normal-BP8XhI7Q.woff2) format('woff2'), url(/assets/eb-garamond-vietnamese-700-normal-QFZuz62c.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* eb-garamond-latin-ext-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-latin-ext-700-normal-C9dZIH7g.woff2) format('woff2'), url(/assets/eb-garamond-latin-ext-700-normal-DNeH1Vku.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* eb-garamond-latin-700-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/eb-garamond-latin-700-normal-CVbms4T2.woff2) format('woff2'), url(/assets/eb-garamond-latin-700-normal-iZ6Ol97T.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* unifrakturcook-latin-700-normal */
@font-face {
  font-family: 'UnifrakturCook';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/unifrakturcook-latin-700-normal-Hw99rxGi.woff2) format('woff2'), url(/assets/unifrakturcook-latin-700-normal-D9FREbri.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}