@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.noscript-banner[data-v-09d5d338] {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  border-bottom: 3px solid #d97706;
  padding: 1rem;
  position: sticky;
  top: 0;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.noscript-content[data-v-09d5d338] {
  max-width: 1200px;
  margin: 0 auto;
  color: #1f2937;
  text-align: center;
}
.noscript-content h2[data-v-09d5d338] {
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.noscript-content p[data-v-09d5d338] {
  margin: 0;
  font-size: 0.95rem;
}

.icon[data-v-f5c791c3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
}
.lucide-icon[data-v-f5c791c3] {
  display: block;
}
.icon-xs[data-v-f5c791c3] {
  width: 0.75rem;
  height: 0.75rem;
}
.icon-sm[data-v-f5c791c3] {
  width: 1rem;
  height: 1rem;
}
.icon-md[data-v-f5c791c3] {
  width: 1.25rem;
  height: 1.25rem;
}
.icon-lg[data-v-f5c791c3] {
  width: 2rem;
  height: 2rem;
}

.hud-navigation[data-v-08fa3a1f] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Three Dots Trigger Button */
.hud-trigger[data-v-08fa3a1f] {
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.hud-trigger[data-v-08fa3a1f]:hover {
  background: rgba(0, 0, 0, 1);
  transform: scale(1.05);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.5);
}
.hud-trigger[data-v-08fa3a1f]:active {
  transform: scale(0.95);
}
.hit-bridge[data-v-08fa3a1f] {
  position: absolute;
  top: -20px; /* Taller bridge */
  right: 100%;
  width: 70px; /* Slightly wider to be safe */
  height: calc(100% + 40px);
  background: transparent;
  pointer-events: auto;
}
.dot[data-v-08fa3a1f] {
  width: 4px;
  height: 4px;
  background: #ffffff;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.hud-open .dot[data-v-08fa3a1f] {
  background: #ffffff;
}

/* Sliding Panel */
.hud-panel[data-v-08fa3a1f] {
  position: absolute;
  top: 0;
  right: 60px; /* Aligned with hit-bridge start */
  width: 280px;
  background: rgba(0, 0, 0, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
  transform: translateX(100%) scale(0.95);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 80vh;
  overflow-y: auto;
}
.panel-visible[data-v-08fa3a1f] {
  transform: translateX(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.hud-content[data-v-08fa3a1f] {
  padding: 24px;
}
.hud-title[data-v-08fa3a1f] {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 20px 0;
  text-align: left;
}

/* Navigation Items */
.hud-nav[data-v-08fa3a1f] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.nav-divider[data-v-08fa3a1f] {
  font-size: 10px;
  font-weight: 700;
  color: #6366f1;
  padding: 12px 16px 4px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.8;
}
.hud-nav-item[data-v-08fa3a1f] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 14px;
}
.hud-nav-item[data-v-08fa3a1f]:hover {
  background: rgba(168, 85, 247, 0.2);
  color: #ffffff;
  transform: translateX(6px);
  box-shadow: inset 0 0 10px rgba(168, 85, 247, 0.1);
}
.hud-nav-item.router-link-active[data-v-08fa3a1f] {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-weight: 600;
}
.hud-nav-item span[data-v-08fa3a1f] {
  flex: 1;
  text-align: left;
}

/* Footer */
.hud-footer[data-v-08fa3a1f] {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #888;
}

/* Backdrop for Mobile */
.hud-backdrop[data-v-08fa3a1f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  backdrop-filter: blur(2px);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
.hud-navigation[data-v-08fa3a1f] {
    top: 16px;
    right: 16px;
}
.hud-panel[data-v-08fa3a1f] {
    width: calc(100vw - 32px);
    right: -16px;
    max-width: 320px;
}
.hud-trigger[data-v-08fa3a1f] {
    width: 44px;
    height: 44px;
}
}

/* Smooth scrollbar */
.hud-panel[data-v-08fa3a1f]::-webkit-scrollbar {
  width: 4px;
}
.hud-panel[data-v-08fa3a1f]::-webkit-scrollbar-track {
  background: transparent;
}
.hud-panel[data-v-08fa3a1f]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
.hud-panel[data-v-08fa3a1f]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.session-expiry-overlay[data-v-405d68cd] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.session-expiry-popup[data-v-405d68cd] {
  background: #111;
  border: 1px solid #333;
  padding: 2.5rem;
  max-width: 500px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Space Mono', monospace;
  box-shadow: 0 0 50px rgba(0, 0, 0, 1);
}
.icon[data-v-405d68cd] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
h2[data-v-405d68cd] {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #ff3e3e;
  letter-spacing: 0.1em;
}
p[data-v-405d68cd] {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #ccc;
  margin-bottom: 1.5rem;
}
.enterprise-info[data-v-405d68cd] {
  background: rgba(99, 102, 241, 0.1);
  border: 1px solid rgba(99, 102, 241, 0.3);
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.enterprise-btn[data-v-405d68cd] {
  display: inline-block;
  margin-top: 1rem;
  color: #818cf8;
  text-decoration: none;
  font-weight: bold;
}
.enterprise-btn[data-v-405d68cd]:hover {
  text-decoration: underline;
}
.actions[data-v-405d68cd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.refresh-btn[data-v-405d68cd] {
  background: #fff;
  color: #000;
  border: none;
  padding: 1rem 2rem;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  font-size: 1rem;
}
.refresh-btn[data-v-405d68cd]:hover {
  background: #ccc;
}
.small-text[data-v-405d68cd] {
  font-size: 0.75rem;
  opacity: 0.5;
}
.fade-enter-active[data-v-405d68cd], .fade-leave-active[data-v-405d68cd] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-405d68cd], .fade-leave-to[data-v-405d68cd] {
  opacity: 0;
}

/* You can add styles specific to App.vue here */
#app-container[data-v-f0a84951] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  color: #f8fafc;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

.fractal-canvas[data-v-b7a3878a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  background: transparent;
}

.animate-slow-spin[data-v-7640a96a] {
  animation: slow-spin-7640a96a 120s linear infinite;
}
@keyframes slow-spin-7640a96a {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.core-fractal[data-v-7640a96a] {
  filter: blur(0.5px);
}

.fractal-button[data-v-62befdd0] {
  position: relative;
  padding: 0.6rem 1.5rem;
  font-family: 'Lexend', sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  outline: none;
}
.dot-matrix[data-v-62befdd0] {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.6s ease;
  pointer-events: none;
}
.glow-layer[data-v-62befdd0] {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.15) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Variants */
.primary[data-v-62befdd0] {
  background: white;
  color: black;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}
.secondary[data-v-62befdd0] {
  background: #262626;
  color: white;
  border-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.outline[data-v-62befdd0] {
  background: transparent;
  color: white;
  border-color: white;
}

/* Hover States */
.fractal-button[data-v-62befdd0]:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.1);
}
.primary[data-v-62befdd0]:hover {
  background: #e5e5e5;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);
}
.fractal-button:hover .dot-matrix[data-v-62befdd0] {
  opacity: 1;
  transform: scale(1.1);
}
.fractal-button:hover .glow-layer[data-v-62befdd0] {
  opacity: 1;
}
.fractal-button[data-v-62befdd0]:active {
  transform: translateY(0) scale(0.98);
}
.content[data-v-62befdd0] {
  position: relative;
  z-index: 1;
  letter-spacing: 0.02em;
}

/* Ensure fonts are loaded and applied correctly */
.font-recursive[data-v-d1f51325] { font-family: 'Recursive', monospace;
}
.font-helvetica[data-v-d1f51325] { font-family: 'Helvetica', 'Arial', sans-serif;
}
.font-atkinson[data-v-d1f51325] { font-family: 'Atkinson Hyperlegible', sans-serif;
}

.font-display[data-v-a0708518] { font-family: 'Lexend', sans-serif;
}
.font-body[data-v-a0708518] { font-family: 'Inter', sans-serif;
}
.animate-fade-in[data-v-a0708518] {
  animation: fadeIn-a0708518 1.5s ease-out forwards;
}
@keyframes fadeIn-a0708518 {
from { opacity: 0; transform: translateY(30px);
}
to { opacity: 1; transform: translateY(0);
}
}

.fractal-card[data-v-c9cae32a] {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  padding: 2rem;
  overflow: hidden;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.fractal-border[data-v-c9cae32a] {
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 0;
  background: linear-gradient(
    135deg, 
    rgba(255, 255, 255, 0.2) 0%, 
    rgba(255, 255, 255, 0.05) 50%, 
    rgba(255, 255, 255, 0.2) 100%
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.3;
  transition: opacity 0.5s ease;
}
.dot-matrix-bg[data-v-c9cae32a] {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity: 0.1;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.content[data-v-c9cae32a] {
  position: relative;
  z-index: 2;
}

/* Interactive States */
.interactive[data-v-c9cae32a]:hover {
  transform: translateY(-8px);
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.6),
    0 0 20px rgba(255, 255, 255, 0.05);
}
.interactive:hover .fractal-border[data-v-c9cae32a] {
  opacity: 0.8;
  background: linear-gradient(
    var(--angle, 135deg), 
    rgba(255, 255, 255, 0.6) 0%, 
    rgba(255, 255, 255, 0.2) 50%, 
    rgba(255, 255, 255, 0.6) 100%
  );
}
.interactive:hover .dot-matrix-bg[data-v-c9cae32a] {
  opacity: 0.3;
}

.fractal-badge[data-v-94d85f1e] {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.75rem;
  font-weight: 500;
  color: white;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
}
.fractal-badge[data-v-94d85f1e]::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px);
  background-size: 4px 4px;
  opacity: 0.2;
  pointer-events: none;
}
.fractal-badge[data-v-94d85f1e]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}
.content[data-v-94d85f1e] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.font-display[data-v-98f12e5c] { font-family: 'Lexend', sans-serif;
}
.font-body[data-v-98f12e5c] { font-family: 'Inter', sans-serif;
}
.animate-fade-in[data-v-98f12e5c] {
  animation: fadeIn-98f12e5c 1.2s ease-out both;
}
@keyframes fadeIn-98f12e5c {
from { opacity: 0; transform: translateY(30px);
}
to { opacity: 1; transform: translateY(0);
}
}

.data-animation-container[data-v-c8bcec37] {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(38, 38, 38, 0.8) 50%, rgba(0, 0, 0, 0.95) 100%);
  border-radius: 16px;
  padding: 40px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.data-animation-container[data-v-c8bcec37]:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.6);
  border-color: rgba(255, 255, 255, 0.4);
}
.animation-stage[data-v-c8bcec37] {
  position: relative;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'recursive', 'Times New Roman', serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.phase[data-v-c8bcec37] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.phase.active[data-v-c8bcec37] {
  opacity: 1;
  transform: translateY(0);
}
.letter[data-v-c8bcec37] {
  display: inline-block;
  color: #ffffff;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  margin: 0 0.05em;
  transition: all 0.4s ease;
}

/* Bad Character Styles */
.bad-character[data-v-c8bcec37] {
  color: #ffffff;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
  font-weight: 900;
  font-family: 'recursive', monospace;
}
.bad-character.pulsing[data-v-c8bcec37] {
  animation: badCharacterPulse-c8bcec37 1s ease-in-out infinite;
}
.bad-character.warning[data-v-c8bcec37] {
  animation: warningFlash-c8bcec37 0.5s ease-in-out infinite;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  padding: 0.1em;
}
.bad-character.removing[data-v-c8bcec37] {
  animation: removeCharacter-c8bcec37 1s ease-out forwards;
}

/* Warning overlay */
.warning-overlay[data-v-c8bcec37] {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation: warningBlink-c8bcec37 0.8s ease-in-out infinite;
  white-space: nowrap;
}

/* Removal effects */
.removal-effect[data-v-c8bcec37] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.removal-particles[data-v-c8bcec37] {
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
  border-radius: 50%;
  animation: particleExplosion-c8bcec37 1s ease-out;
}

/* Clean indicator */
.clean-indicator[data-v-c8bcec37] {
  color: #ffffff;
  font-size: 2.5rem;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
  animation: cleanCheckmark-c8bcec37 0.8s ease-out;
}

/* Movement indicator for phase 5 */
.movement-indicator[data-v-c8bcec37] {
  color: #a3a3a3;
  font-size: 2rem;
  margin: 0 0.2em;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  animation: pulse-c8bcec37 1.5s ease-in-out infinite;
}

/* Moving A for phase 5 */
.moving-a[data-v-c8bcec37] {
  color: #ffffff;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
  animation: slideIntoPlace-c8bcec37 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Final phase styles */
.data-word[data-v-c8bcec37] {
  color: #ffffff;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
  animation: dataSuccess-c8bcec37 0.8s ease-out;
  margin-right: 0.3em;
}
.cleaned-word[data-v-c8bcec37] {
  color: #e5e5e5;
  font-size: 2rem;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
  animation: cleanedAppear-c8bcec37 0.8s ease-out 0.3s both;
}

/* Scanner line effect */
.scanner-line[data-v-c8bcec37] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, 
    transparent, 
    rgba(255, 255, 255, 0.4) 20%, 
    rgba(255, 255, 255, 0.8) 50%, 
    rgba(255, 255, 255, 0.4) 80%, 
    transparent
  );
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.scanner-line.scanning[data-v-c8bcec37] {
  animation: scan-c8bcec37 2s ease-in-out;
}

/* Particles */
.particles[data-v-c8bcec37] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.particle[data-v-c8bcec37] {
  position: absolute;
  width: 4px;
  height: 4px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
  border-radius: 50%;
  opacity: 0;
  animation: particleFloat-c8bcec37 3s ease-out var(--delay, 0s) infinite;
}

/* Progress bar */
.progress-bar[data-v-c8bcec37] {
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  margin-top: 20px;
  overflow: hidden;
}
.progress-fill[data-v-c8bcec37] {
  height: 100%;
  background: linear-gradient(90deg, #404040, #ffffff, #a3a3a3);
  border-radius: 2px;
  transition: width 0.6s ease;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

/* Keyframe Animations */
@keyframes badCharacterPulse-c8bcec37 {
0%, 100% { 
    transform: scale(1); 
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
}
50% { 
    transform: scale(1.1); 
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.4);
}
}
@keyframes warningFlash-c8bcec37 {
0%, 100% { 
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
}
50% { 
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
}
}
@keyframes warningBlink-c8bcec37 {
0%, 100% { opacity: 0.8;
}
50% { opacity: 1;
}
}
@keyframes removeCharacter-c8bcec37 {
0% { 
    opacity: 1; 
    transform: scale(1) rotate(0deg);
}
50% { 
    opacity: 0.3; 
    transform: scale(1.2) rotate(180deg);
    color: #e5e5e5;
}
100% { 
    opacity: 0; 
    transform: scale(0) rotate(360deg);
}
}
@keyframes particleExplosion-c8bcec37 {
0% {
    opacity: 0;
    transform: scale(0);
}
30% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(2);
}
}
@keyframes cleanCheckmark-c8bcec37 {
0% { 
    opacity: 0; 
    transform: scale(0) rotate(-45deg);
}
60% { 
    transform: scale(1.2) rotate(0deg);
}
100% { 
    opacity: 1; 
    transform: scale(1) rotate(0deg);
}
}
@keyframes pulse-c8bcec37 {
0%, 100% { opacity: 0.6; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.1);
}
}
@keyframes slideIntoPlace-c8bcec37 {
0% { 
    transform: translateX(50px) scale(0.8); 
    opacity: 0.3;
}
60% { 
    transform: translateX(-5px) scale(1.1);
}
100% { 
    transform: translateX(0) scale(1); 
    opacity: 1;
}
}
@keyframes dataSuccess-c8bcec37 {
0% { transform: scale(1);
}
50% { transform: scale(1.05); text-shadow: 0 0 40px rgba(255, 255, 255, 0.8);
}
100% { transform: scale(1);
}
}
@keyframes cleanedAppear-c8bcec37 {
0% { 
    opacity: 0; 
    transform: translateY(20px) scale(0.8);
}
60% { 
    transform: translateY(-5px) scale(1.05);
}
100% { 
    opacity: 1; 
    transform: translateY(0) scale(1);
}
}
@keyframes scan-c8bcec37 {
0% { left: -100%;
}
100% { left: 100%;
}
}
@keyframes particleFloat-c8bcec37 {
0% {
    opacity: 0;
    transform: translate(0, 0) scale(0);
}
20% {
    opacity: 1;
    transform: translate(
      calc(cos(var(--angle)) * 10px), 
      calc(sin(var(--angle)) * 10px)
    ) scale(1);
}
100% {
    opacity: 0;
    transform: translate(
      calc(cos(var(--angle)) * var(--radius)), 
      calc(sin(var(--angle)) * var(--radius))
    ) scale(0.5);
}
}

/* Responsive adjustments */
@media (max-width: 768px) {
.animation-stage[data-v-c8bcec37] {
    font-size: 2rem;
    height: 100px;
}
.cleaned-word[data-v-c8bcec37] {
    font-size: 1.5rem;
}
.data-animation-container[data-v-c8bcec37] {
    padding: 30px 15px;
}
.warning-overlay[data-v-c8bcec37] {
    font-size: 0.6rem;
    padding: 3px 6px;
}
.clean-indicator[data-v-c8bcec37] {
    font-size: 2rem;
}
}
@media (max-width: 480px) {
.animation-stage[data-v-c8bcec37] {
    font-size: 1.5rem;
    height: 80px;
}
.cleaned-word[data-v-c8bcec37] {
    font-size: 1.2rem;
}
.clean-indicator[data-v-c8bcec37] {
    font-size: 1.5rem;
}
.warning-overlay[data-v-c8bcec37] {
    font-size: 0.5rem;
    padding: 2px 4px;
}
}

.font-display[data-v-f2eef307] { font-family: 'Lexend', sans-serif;
}
.font-body[data-v-f2eef307] { font-family: 'Inter', sans-serif;
}

.font-display[data-v-631b16bc] { font-family: 'Lexend', sans-serif;
}
.font-body[data-v-631b16bc] { font-family: 'Inter', sans-serif;
}


*, ::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(115 115 115 / 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(115 115 115 / 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.17 | 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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: JetBrains Mono, 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 {
    --background: 0 0% 55%;
    /* 30% darker from original 85% (halfway between 65% and 45%) */
    --foreground: 0 0% 13.9%;

    --card: 0 0% 55%;
    /* 30% darker from original 85% (halfway between 65% and 45%) */
    --card-foreground: 0 0% 13.9%;

    --popover: 0 0% 55%;
    /* 30% darker from original 85% (halfway between 65% and 45%) */
    --popover-foreground: 0 0% 13.9%;

    --primary: 0 0% 13.5%;
    /* Halfway between 15% and 12% */
    --primary-foreground: 0 0% 98%;

    --secondary: 0 0% 52%;
    /* Halfway between 61.7% and 42% */
    --secondary-foreground: 0 0% 19%;

    --muted: 0 0% 52%;
    /* Halfway between 61.7% and 42% */
    --muted-foreground: 0 0% 31.5%;
    /* Halfway between 35.1% and 28% */

    --accent: 0 0% 52%;
    /* Halfway between 61.7% and 42% */
    --accent-foreground: 0 0% 19%;

    --destructive: 0 84.2% 54%;
    /* Halfway between 60.2% and 48% */
    --destructive-foreground: 0 0% 98%;

    --border: 0 0% 46.5%;
    /* Halfway between 56.3% and 37% */
    --input: 0 0% 46.5%;
    /* Halfway between 56.3% and 37% */
    --ring: 0 0% 13.9%;

    --radius: 12px;
    /* Fractal Typographic Redesign - was 0 */

    --fractal-deep: #000000;
    --fractal-core: #ffffff;
    --fractal-branch: #a3a3a3;
    --fractal-growth: #ffffff;
    --fractal-stream: #737373;


    --sidebar-background: 0 0% 53%;
    /* Halfway between 63.3% and 43% */
    --sidebar-foreground: 240 5.3% 36.1%;
    --sidebar-primary: 240 5.9% 14.5%;
    /* Halfway between 16% and 13% */
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 51%;
    /* Halfway between 61.5% and 41% */
    --sidebar-accent-foreground: 240 5.9% 20%;
    --sidebar-border: 220 13% 47%;
    /* Halfway between 57.4% and 37% */
    --sidebar-ring: 217.2 91.2% 59.8%;
    --chart-1: 12 76% 55%;
    /* Halfway between 61% and 49% */
    --chart-2: 173 58% 35%;
    /* Halfway between 39% and 31% */
    --chart-3: 197 37% 21.5%;
    /* Halfway between 24% and 19% */
    --chart-4: 43 74% 59.5%;
    /* Halfway between 66% and 53% */
    --chart-5: 27 87% 60.5%;
    /* Halfway between 67% and 54% */
  }

.dark {
    --background: 0 0% 0%;
    /* Keep pure black for maximum contrast */
    --foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --card: 0 0% 1.5%;
    /* Halfway between 2% and 1% */
    --card-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --popover: 0 0% 1.5%;
    /* Halfway between 2% and 1% */
    --popover-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --primary: 0 0% 92.5%;
    /* Halfway between 100% and 85% */
    --primary-foreground: 0 0% 13.5%;
    /* Halfway between 15% and 12% */

    --secondary: 0 0% 9%;
    /* Halfway between 10% and 8% */
    --secondary-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --muted: 0 0% 9%;
    /* Halfway between 10% and 8% */
    --muted-foreground: 0 0% 84%;
    /* Halfway between 93.5% and 75% */

    --accent: 0 0% 9%;
    /* Halfway between 10% and 8% */
    --accent-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --destructive: 0 62.8% 21.5%;
    /* Halfway between 24% and 19% */
    --destructive-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */

    --border: 0 0% 9%;
    /* Halfway between 10% and 8% */
    --input: 0 0% 9%;
    /* Halfway between 10% and 8% */
    --ring: 0 0% 82%;
    /* Halfway between 91.4% and 73% */
    --sidebar-background: 240 5.9% 5.5%;
    /* Halfway between 6% and 5% */
    --sidebar-foreground: 240 4.8% 92.5%;
    /* Halfway between 100% and 85% */
    --sidebar-primary: 224.3 76.3% 43%;
    /* Halfway between 48% and 38% */
    --sidebar-primary-foreground: 0 0% 92.5%;
    /* Halfway between 100% and 85% */
    --sidebar-accent: 240 3.7% 9%;
    /* Halfway between 10% and 8% */
    --sidebar-accent-foreground: 240 4.8% 92.5%;
    /* Halfway between 100% and 85% */
    --sidebar-border: 240 3.7% 9%;
    /* Halfway between 10% and 8% */
    --sidebar-ring: 217.2 91.2% 54%;
    /* Halfway between 59.8% and 48% */
    --chart-1: 220 70% 45%;
    /* Halfway between 50% and 40% */
    --chart-2: 160 60% 40.5%;
    /* Halfway between 45% and 36% */
    --chart-3: 30 80% 49.5%;
    /* Halfway between 55% and 44% */
    --chart-4: 280 65% 54%;
    /* Halfway between 60% and 48% */
    --chart-5: 340 75% 49.5%;
    /* Halfway between 55% and 44% */
  }

* {
    border-color: hsl(var(--border));
  }

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    background: #000000;
    min-height: 100vh;
  }

/* Apply darker pixelated background image as separate layer */

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/backdro.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    image-rendering: pixelated;
    filter: brightness(0.34) contrast(1.63);
    /* 15% darker and more contrasty */
    z-index: -10;
    pointer-events: none;
  }

/* Apply the darker gradient overlay as another layer */

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -9;
    pointer-events: none;
  }

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

@media (min-width: 1400px){

  .container{
    max-width: 1400px;
  }
}

.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;
}

.pointer-events-auto{
  pointer-events: auto;
}

.\!visible{
  visibility: visible !important;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.-bottom-12{
  bottom: -3rem;
}

.-bottom-20{
  bottom: -5rem;
}

.-bottom-6{
  bottom: -1.5rem;
}

.-left-12{
  left: -3rem;
}

.-right-12{
  right: -3rem;
}

.-right-20{
  right: -5rem;
}

.-right-6{
  right: -1.5rem;
}

.-top-12{
  top: -3rem;
}

.-top-6{
  top: -1.5rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-1{
  bottom: 0.25rem;
}

.bottom-20{
  bottom: 5rem;
}

.bottom-32{
  bottom: 8rem;
}

.bottom-4{
  bottom: 1rem;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-1\/4{
  left: 25%;
}

.left-10{
  left: 2.5rem;
}

.left-2{
  left: 0.5rem;
}

.left-4{
  left: 1rem;
}

.left-\[50\%\]{
  left: 50%;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-1\/3{
  right: 33.333333%;
}

.right-10{
  right: 2.5rem;
}

.right-2{
  right: 0.5rem;
}

.right-3{
  right: 0.75rem;
}

.right-4{
  right: 1rem;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

.top-1\.5{
  top: 0.375rem;
}

.top-1\/2{
  top: 50%;
}

.top-1\/4{
  top: 25%;
}

.top-12{
  top: 3rem;
}

.top-2{
  top: 0.5rem;
}

.top-20{
  top: 5rem;
}

.top-3\.5{
  top: 0.875rem;
}

.top-4{
  top: 1rem;
}

.top-\[1px\]{
  top: 1px;
}

.top-\[50\%\]{
  top: 50%;
}

.top-\[60\%\]{
  top: 60%;
}

.top-full{
  top: 100%;
}

.isolate{
  isolation: isolate;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-50{
  z-index: 50;
}

.z-\[100\]{
  z-index: 100;
}

.z-\[1\]{
  z-index: 1;
}

.m-0{
  margin: 0px;
}

.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-ml-4{
  margin-left: -1rem;
}

.-mt-4{
  margin-top: -1rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-20{
  margin-bottom: 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-24{
  margin-left: 6rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-8{
  margin-left: 2rem;
}

.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;
}

.mr-6{
  margin-right: 1.5rem;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-1\.5{
  margin-top: 0.375rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-32{
  margin-top: 8rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-auto{
  margin-top: auto;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.size-4{
  width: 1rem;
  height: 1rem;
}

.h-0\.5{
  height: 0.125rem;
}

.h-1{
  height: 0.25rem;
}

.h-1\.5{
  height: 0.375rem;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-2\.5{
  height: 0.625rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\.5{
  height: 0.875rem;
}

.h-32{
  height: 8rem;
}

.h-4{
  height: 1rem;
}

.h-48{
  height: 12rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-64{
  height: 16rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[1px\]{
  height: 1px;
}

.h-\[400px\]{
  height: 400px;
}

.h-\[450px\]{
  height: 450px;
}

.h-\[600px\]{
  height: 600px;
}

.h-\[800px\]{
  height: 800px;
}

.h-\[900px\]{
  height: 900px;
}

.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
  height: var(--radix-navigation-menu-viewport-height);
}

.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.h-px{
  height: 1px;
}

.h-svh{
  height: 100svh;
}

.max-h-0{
  max-height: 0px;
}

.max-h-24{
  max-height: 6rem;
}

.max-h-72{
  max-height: 18rem;
}

.max-h-96{
  max-height: 24rem;
}

.max-h-\[300px\]{
  max-height: 300px;
}

.max-h-screen{
  max-height: 100vh;
}

.min-h-0{
  min-height: 0px;
}

.min-h-\[150px\]{
  min-height: 150px;
}

.min-h-\[60px\]{
  min-height: 60px;
}

.min-h-\[70vh\]{
  min-height: 70vh;
}

.min-h-\[80px\]{
  min-height: 80px;
}

.min-h-\[80vh\]{
  min-height: 80vh;
}

.min-h-screen{
  min-height: 100vh;
}

.min-h-svh{
  min-height: 100svh;
}

.w-0{
  width: 0px;
}

.w-1{
  width: 0.25rem;
}

.w-1\/2{
  width: 50%;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-12{
  width: 3rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.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-48{
  width: 12rem;
}

.w-5{
  width: 1.25rem;
}

.w-5\/6{
  width: 83.333333%;
}

.w-6{
  width: 1.5rem;
}

.w-64{
  width: 16rem;
}

.w-7{
  width: 1.75rem;
}

.w-72{
  width: 18rem;
}

.w-8{
  width: 2rem;
}

.w-9{
  width: 2.25rem;
}

.w-\[--sidebar-width\]{
  width: var(--sidebar-width);
}

.w-\[100px\]{
  width: 100px;
}

.w-\[1px\]{
  width: 1px;
}

.w-\[200\%\]{
  width: 200%;
}

.w-\[400px\]{
  width: 400px;
}

.w-\[600px\]{
  width: 600px;
}

.w-\[800px\]{
  width: 800px;
}

.w-\[900px\]{
  width: 900px;
}

.w-\[95\%\]{
  width: 95%;
}

.w-\[95vw\]{
  width: 95vw;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-px{
  width: 1px;
}

.min-w-0{
  min-width: 0px;
}

.min-w-32{
  min-width: 8rem;
}

.min-w-5{
  min-width: 1.25rem;
}

.min-w-\[12rem\]{
  min-width: 12rem;
}

.min-w-\[8rem\]{
  min-width: 8rem;
}

.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-5xl{
  max-width: 64rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.max-w-7xl{
  max-width: 80rem;
}

.max-w-\[--skeleton-width\]{
  max-width: var(--skeleton-width);
}

.max-w-\[420px\]{
  max-width: 420px;
}

.max-w-full{
  max-width: 100%;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-max{
  max-width: -moz-max-content;
  max-width: max-content;
}

.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{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink{
  flex-shrink: 1;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.grow-0{
  flex-grow: 0;
}

.basis-full{
  flex-basis: 100%;
}

.caption-bottom{
  caption-side: bottom;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-center{
  transform-origin: center;
}

.-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-px{
  --tw-translate-x: -1px;
  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-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-5{
  --tw-translate-x: 1.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));
}

.translate-x-\[-50\%\]{
  --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-px{
  --tw-translate-x: 1px;
  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-\[-50\%\]{
  --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));
}

.-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));
}

.rotate-12{
  --tw-rotate: 12deg;
  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));
}

.rotate-\[-5deg\]{
  --tw-rotate: -5deg;
  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-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.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));
}

.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 fade-in{

  0%{
    opacity: 0;
    transform: translateY(10px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in{
  animation: fade-in 0.6s ease-out;
}

@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-pointer{
  cursor: pointer;
}

.touch-none{
  touch-action: none;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize{
  resize: both;
}

.scroll-mt-32{
  scroll-margin-top: 8rem;
}

.list-inside{
  list-style-position: inside;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-12{
  gap: 3rem;
}

.gap-16{
  gap: 4rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-20{
  gap: 5rem;
}

.gap-24{
  gap: 6rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-px{
  gap: 1px;
}

.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-1\.5{
  row-gap: 0.375rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.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-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-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-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * 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-16 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * 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-20 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}

.space-y-24 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * 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-32 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8rem * var(--tw-space-y-reverse));
}

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

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

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

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

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-600 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.divide-slate-800 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.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-wrap{
  white-space: pre-wrap;
}

.break-words{
  overflow-wrap: break-word;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-3xl{
  border-radius: 1.5rem;
}

.rounded-\[2px\]{
  border-radius: 2px;
}

.rounded-\[2rem\]{
  border-radius: 2rem;
}

.rounded-\[inherit\]{
  border-radius: inherit;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: var(--radius);
}

.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}

.rounded-none{
  border-radius: 0px;
}

.rounded-sm{
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-r-lg{
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.rounded-t-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rounded-tl-sm{
  border-top-left-radius: calc(var(--radius) - 4px);
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border-\[1\.5px\]{
  border-width: 1.5px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-l-4{
  border-left-width: 4px;
}

.border-r{
  border-right-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-dashed{
  border-style: dashed;
}

.border-\[--color-border\]{
  border-color: var(--color-border);
}

.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}

.border-amber-500\/20{
  border-color: rgb(115 115 115 / 0.2);
}

.border-amber-500\/30{
  border-color: rgb(115 115 115 / 0.3);
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}

.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}

.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}

.border-blue-400\/40{
  border-color: rgb(163 163 163 / 0.4);
}

.border-blue-500\/20{
  border-color: rgb(115 115 115 / 0.2);
}

.border-blue-500\/30{
  border-color: rgb(115 115 115 / 0.3);
}

.border-blue-500\/50{
  border-color: rgb(115 115 115 / 0.5);
}

.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
}

.border-blue-700\/50{
  border-color: rgb(64 64 64 / 0.5);
}

.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}

.border-cyan-500\/30{
  border-color: rgb(6 182 212 / 0.3);
}

.border-destructive{
  border-color: hsl(var(--destructive));
}

.border-destructive\/50{
  border-color: hsl(var(--destructive) / 0.5);
}

.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-500\/30{
  border-color: rgb(107 114 128 / 0.3);
}

.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / 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-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 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-400\/30{
  border-color: rgb(74 222 128 / 0.3);
}

.border-green-400\/40{
  border-color: rgb(74 222 128 / 0.4);
}

.border-green-500\/20{
  border-color: rgb(34 197 94 / 0.2);
}

.border-green-500\/30{
  border-color: rgb(34 197 94 / 0.3);
}

.border-green-700\/50{
  border-color: rgb(21 128 61 / 0.5);
}

.border-indigo-300{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-input{
  border-color: hsl(var(--input));
}

.border-lime-200{
  --tw-border-opacity: 1;
  border-color: rgb(217 249 157 / var(--tw-border-opacity, 1));
}

.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-500\/30{
  border-color: rgb(249 115 22 / 0.3);
}

.border-orange-700\/50{
  border-color: rgb(194 65 12 / 0.5);
}

.border-pink-400\/30{
  border-color: rgb(244 114 182 / 0.3);
}

.border-pink-500\/30{
  border-color: rgb(236 72 153 / 0.3);
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 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-400\/30{
  border-color: rgb(192 132 252 / 0.3);
}

.border-purple-500\/10{
  border-color: rgb(168 85 247 / 0.1);
}

.border-purple-500\/20{
  border-color: rgb(168 85 247 / 0.2);
}

.border-purple-500\/30{
  border-color: rgb(168 85 247 / 0.3);
}

.border-purple-500\/60{
  border-color: rgb(168 85 247 / 0.6);
}

.border-purple-700\/50{
  border-color: rgb(126 34 206 / 0.5);
}

.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.border-red-500\/30{
  border-color: rgb(115 115 115 / 0.3);
}

.border-red-500\/50{
  border-color: rgb(115 115 115 / 0.5);
}

.border-red-700\/50{
  border-color: rgb(64 64 64 / 0.5);
}

.border-sidebar-border{
  border-color: hsl(var(--sidebar-border));
}

.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / 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\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}

.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}

.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / 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\/30{
  border-color: rgb(234 179 8 / 0.3);
}

.border-yellow-700\/50{
  border-color: rgb(161 98 7 / 0.5);
}

.border-zinc-200{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

.border-zinc-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}

.border-zinc-700{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.border-zinc-800{
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}

.border-l-transparent{
  border-left-color: transparent;
}

.border-t-purple-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.border-t-transparent{
  border-top-color: transparent;
}

.bg-\[\#E6E6E6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E6FFE6\]\/50{
  background-color: rgb(230 255 230 / 0.5);
}

.bg-\[--color-bg\]{
  background-color: var(--color-bg);
}

.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-amber-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-amber-600\/10{
  background-color: rgb(82 82 82 / 0.1);
}

.bg-background{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}

.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/20{
  background-color: rgb(115 115 115 / 0.2);
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

.bg-blue-600\/15{
  background-color: rgb(82 82 82 / 0.15);
}

.bg-blue-900\/20{
  background-color: rgb(23 23 23 / 0.2);
}

.bg-blue-900\/30{
  background-color: rgb(23 23 23 / 0.3);
}

.bg-blue-900\/50{
  background-color: rgb(23 23 23 / 0.5);
}

.bg-border{
  background-color: hsl(var(--border));
}

.bg-card{
  background-color: hsl(var(--card));
}

.bg-destructive{
  background-color: hsl(var(--destructive));
}

.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-foreground{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-fractal-deep{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-fuchsia-600{
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / 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-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 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-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-gray-900\/20{
  background-color: rgb(17 24 39 / 0.2);
}

.bg-gray-950{
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}

.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/20{
  background-color: rgb(34 197 94 / 0.2);
}

.bg-green-500\/30{
  background-color: rgb(34 197 94 / 0.3);
}

.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-green-900\/20{
  background-color: rgb(20 83 45 / 0.2);
}

.bg-green-900\/30{
  background-color: rgb(20 83 45 / 0.3);
}

.bg-green-900\/50{
  background-color: rgb(20 83 45 / 0.5);
}

.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-input{
  background-color: hsl(var(--input));
}

.bg-lime-100{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1));
}

.bg-muted{
  background-color: hsl(var(--muted));
}

.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}

.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}

.bg-orange-900\/20{
  background-color: rgb(124 45 18 / 0.2);
}

.bg-orange-900\/30{
  background-color: rgb(124 45 18 / 0.3);
}

.bg-orange-900\/50{
  background-color: rgb(124 45 18 / 0.5);
}

.bg-pink-500\/30{
  background-color: rgb(236 72 153 / 0.3);
}

.bg-popover{
  background-color: hsl(var(--popover));
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 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-200{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / 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\/20{
  background-color: rgb(168 85 247 / 0.2);
}

.bg-purple-500\/30{
  background-color: rgb(168 85 247 / 0.3);
}

.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.bg-purple-600\/15{
  background-color: rgb(147 51 234 / 0.15);
}

.bg-purple-700{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.bg-purple-900\/20{
  background-color: rgb(88 28 135 / 0.2);
}

.bg-purple-900\/30{
  background-color: rgb(88 28 135 / 0.3);
}

.bg-purple-900\/50{
  background-color: rgb(88 28 135 / 0.5);
}

.bg-purple-950{
  --tw-bg-opacity: 1;
  background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1));
}

.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

.bg-red-600\/20{
  background-color: rgb(82 82 82 / 0.2);
}

.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

.bg-red-900\/20{
  background-color: rgb(23 23 23 / 0.2);
}

.bg-red-900\/30{
  background-color: rgb(23 23 23 / 0.3);
}

.bg-red-900\/50{
  background-color: rgb(23 23 23 / 0.5);
}

.bg-rose-600{
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}

.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

.bg-sidebar{
  background-color: hsl(var(--sidebar-background));
}

.bg-sidebar-border{
  background-color: hsl(var(--sidebar-border));
}

.bg-sky-700{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / 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-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.bg-slate-800\/50{
  background-color: rgb(30 41 59 / 0.5);
}

.bg-slate-900\/40{
  background-color: rgb(15 23 42 / 0.4);
}

.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.bg-slate-950\/80{
  background-color: rgb(2 6 23 / 0.8);
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/0{
  background-color: rgb(255 255 255 / 0);
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}

.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/\[0\.01\]{
  background-color: rgb(255 255 255 / 0.01);
}

.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / 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-500\/10{
  background-color: rgb(234 179 8 / 0.1);
}

.bg-yellow-900\/20{
  background-color: rgb(113 63 18 / 0.2);
}

.bg-yellow-900\/30{
  background-color: rgb(113 63 18 / 0.3);
}

.bg-yellow-900\/50{
  background-color: rgb(113 63 18 / 0.5);
}

.bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.bg-zinc-700{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.bg-zinc-800\/50{
  background-color: rgb(39 39 42 / 0.5);
}

.bg-zinc-900{
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.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-l{
  background-image: linear-gradient(to left, 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));
}

.from-amber-400{
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-600{
  --tw-gradient-from: #525252 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-600\/10{
  --tw-gradient-from: rgb(82 82 82 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-background{
  --tw-gradient-from: #000000 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-400{
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50{
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600{
  --tw-gradient-from: #525252 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600\/10{
  --tw-gradient-from: rgb(82 82 82 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-cyan-600\/10{
  --tw-gradient-from: rgb(8 145 178 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800{
  --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);
}

.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-gray-900\/20{
  --tw-gradient-from: rgb(17 24 39 / 0.2) 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-gray-900\/50{
  --tw-gradient-from: rgb(17 24 39 / 0.5) 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-400{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-50{
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-600{
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-600\/10{
  --tw-gradient-from: rgb(22 163 74 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-900{
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-50{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-500\/20{
  --tw-gradient-from: rgb(236 72 153 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-600{
  --tw-gradient-from: #db2777 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 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-purple-600\/10{
  --tw-gradient-from: rgb(147 51 234 / 0.1) 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-purple-900{
  --tw-gradient-from: #581c87 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);
}

.from-purple-900\/10{
  --tw-gradient-from: rgb(88 28 135 / 0.1) 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);
}

.from-purple-900\/60{
  --tw-gradient-from: rgb(88 28 135 / 0.6) 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);
}

.from-red-400{
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-900{
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 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-violet-500{
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-blue-400{
  --tw-gradient-to: rgb(163 163 163 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a3a3a3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-600\/10{
  --tw-gradient-to: rgb(82 82 82 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(82 82 82 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-900{
  --tw-gradient-to: rgb(23 23 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #171717 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-900\/40{
  --tw-gradient-to: rgb(23 23 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(23 23 23 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-emerald-900{
  --tw-gradient-to: rgb(6 78 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-indigo-900{
  --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-400{
  --tw-gradient-to: rgb(244 114 182 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f472b6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-600\/10{
  --tw-gradient-to: rgb(147 51 234 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(147 51 234 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-900{
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-rose-400{
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fb7185 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);
}

.to-amber-400{
  --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position);
}

.to-background\/80{
  --tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}

.to-blue-400{
  --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position);
}

.to-blue-50{
  --tw-gradient-to: #fafafa var(--tw-gradient-to-position);
}

.to-blue-500{
  --tw-gradient-to: #737373 var(--tw-gradient-to-position);
}

.to-blue-600{
  --tw-gradient-to: #525252 var(--tw-gradient-to-position);
}

.to-blue-800{
  --tw-gradient-to: #262626 var(--tw-gradient-to-position);
}

.to-cyan-400{
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}

.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}

.to-cyan-900\/60{
  --tw-gradient-to: rgb(22 78 99 / 0.6) var(--tw-gradient-to-position);
}

.to-emerald-100{
  --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position);
}

.to-emerald-400{
  --tw-gradient-to: #34d399 var(--tw-gradient-to-position);
}

.to-emerald-600{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-fractal-core\/5{
  --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position);
}

.to-gray-800\/50{
  --tw-gradient-to: rgb(31 41 55 / 0.5) var(--tw-gradient-to-position);
}

.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

.to-gray-900\/20{
  --tw-gradient-to: rgb(17 24 39 / 0.2) var(--tw-gradient-to-position);
}

.to-green-700{
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}

.to-green-900{
  --tw-gradient-to: #14532d var(--tw-gradient-to-position);
}

.to-indigo-100{
  --tw-gradient-to: #e0e7ff 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-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}

.to-pink-400{
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.to-pink-700{
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}

.to-purple-400{
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.to-purple-500\/20{
  --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position);
}

.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-purple-700{
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}

.to-purple-900{
  --tw-gradient-to: #581c87 var(--tw-gradient-to-position);
}

.to-purple-900\/30{
  --tw-gradient-to: rgb(88 28 135 / 0.3) var(--tw-gradient-to-position);
}

.to-rose-400{
  --tw-gradient-to: #fb7185 var(--tw-gradient-to-position);
}

.to-rose-600\/10{
  --tw-gradient-to: rgb(225 29 72 / 0.1) var(--tw-gradient-to-position);
}

.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover{
  background-size: cover;
}

.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-current{
  fill: currentColor;
}

.fill-gray-600{
  fill: #4b5563;
}

.stroke-blue-700{
  stroke: #404040;
}

.stroke-green-500{
  stroke: #22c55e;
}

.stroke-orange-500{
  stroke: #f97316;
}

.stroke-red-500{
  stroke: #737373;
}

.stroke-teal-600{
  stroke: #0d9488;
}

.stroke-yellow-500{
  stroke: #eab308;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0{
  padding: 0px;
}

.p-1{
  padding: 0.25rem;
}

.p-10{
  padding: 2.5rem;
}

.p-12{
  padding: 3rem;
}

.p-16{
  padding: 4rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.p-\[1px\]{
  padding: 1px;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-48{
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-2\.5{
  padding-left: 0.625rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-8{
  padding-left: 2rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-2\.5{
  padding-right: 0.625rem;
}

.pr-8{
  padding-right: 2rem;
}

.pt-0{
  padding-top: 0px;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-4{
  padding-top: 1rem;
}

.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-middle{
  vertical-align: middle;
}

.font-\[Lexend\]{
  font-family: Lexend;
}

.font-atkinson{
  font-family: Atkinson Hyperlegible, sans-serif;
}

.font-body{
  font-family: Inter, sans-serif;
}

.font-display{
  font-family: Lexend, sans-serif;
}

.font-helvetica{
  font-family: Helvetica, Arial, sans-serif;
}

.font-mono{
  font-family: JetBrains Mono, monospace;
}

.font-recursive{
  font-family: Recursive, monospace;
}

.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.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-8xl{
  font-size: 6rem;
  line-height: 1;
}

.text-\[0\.8rem\]{
  font-size: 0.8rem;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-\[8px\]{
  font-size: 8px;
}

.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-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.font-thin{
  font-weight: 100;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.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);
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-\[0\.85\]{
  line-height: 0.85;
}

.leading-\[0\.8\]{
  line-height: 0.8;
}

.leading-\[0\.9\]{
  line-height: 0.9;
}

.leading-loose{
  line-height: 2;
}

.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-\[0\.3em\]{
  letter-spacing: 0.3em;
}

.tracking-\[0\.4em\]{
  letter-spacing: 0.4em;
}

.tracking-\[0\.5em\]{
  letter-spacing: 0.5em;
}

.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-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-amber-400\/30{
  color: rgb(163 163 163 / 0.3);
}

.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-black\/20{
  color: rgb(0 0 0 / 0.2);
}

.text-black\/40{
  color: rgb(0 0 0 / 0.4);
}

.text-black\/50{
  color: rgb(0 0 0 / 0.5);
}

.text-black\/60{
  color: rgb(0 0 0 / 0.6);
}

.text-black\/80{
  color: rgb(0 0 0 / 0.8);
}

.text-blue-100{
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}

.text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-blue-400\/30{
  color: rgb(163 163 163 / 0.3);
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.text-card-foreground{
  color: hsl(var(--card-foreground));
}

.text-current{
  color: currentColor;
}

.text-cyan-400{
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

.text-destructive{
  color: hsl(var(--destructive));
}

.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}

.text-foreground{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-foreground\/50{
  color: rgb(255 255 255 / 0.5);
}

.text-fractal-core{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 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-100{
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.text-green-300{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-400\/30{
  color: rgb(74 222 128 / 0.3);
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-indigo-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-input{
  color: hsl(var(--input));
}

.text-lime-800{
  --tw-text-opacity: 1;
  color: rgb(63 98 18 / var(--tw-text-opacity, 1));
}

.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}

.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-pink-300{
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}

.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.text-popover-foreground{
  color: hsl(var(--popover-foreground));
}

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

.text-primary-foreground{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-purple-100{
  --tw-text-opacity: 1;
  color: rgb(243 232 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-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-purple-400\/30{
  color: rgb(192 132 252 / 0.3);
}

.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-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-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-red-400\/80{
  color: rgb(163 163 163 / 0.8);
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.text-secondary-foreground{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-sidebar-foreground{
  color: hsl(var(--sidebar-foreground));
}

.text-sidebar-foreground\/70{
  color: hsl(var(--sidebar-foreground) / 0.7);
}

.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 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-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / 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\/10{
  color: rgb(255 255 255 / 0.1);
}

.text-white\/20{
  color: rgb(255 255 255 / 0.2);
}

.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}

.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}

.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.text-yellow-200{
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.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-zinc-100{
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

.text-zinc-200{
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity, 1));
}

.text-zinc-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.text-zinc-900{
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.underline{
  text-decoration-line: underline;
}

.no-underline{
  text-decoration-line: none;
}

.decoration-purple-400\/40{
  text-decoration-color: rgb(192 132 252 / 0.4);
}

.decoration-white\/20{
  text-decoration-color: rgb(255 255 255 / 0.2);
}

.decoration-2{
  text-decoration-thickness: 2px;
}

.underline-offset-2{
  text-underline-offset: 2px;
}

.underline-offset-4{
  text-underline-offset: 4px;
}

.underline-offset-8{
  text-underline-offset: 8px;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.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-40{
  opacity: 0.4;
}

.opacity-5{
  opacity: 0.05;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-55{
  opacity: 0.55;
}

.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_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 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-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);
}

.shadow-purple-500\/20{
  --tw-shadow-color: rgb(168 85 247 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0{
  --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);
}

.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-ring{
  --tw-ring-color: hsl(var(--ring));
}

.ring-sidebar-ring{
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.ring-offset-background{
  --tw-ring-offset-color: #000000;
}

.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-2xl{
  --tw-blur: blur(40px);
  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);
}

.blur-\[100px\]{
  --tw-blur: blur(100px);
  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-\[120px\]{
  --tw-blur: blur(120px);
  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-\[140px\]{
  --tw-blur: blur(140px);
  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-\[80px\]{
  --tw-blur: blur(80px);
  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-2xl{
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  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-\[0_0_50px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]{
  --tw-drop-shadow: drop-shadow(0 0 50px rgba(255,255,255,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-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);
}

.grayscale{
  --tw-grayscale: grayscale(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);
}

.invert{
  --tw-invert: invert(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);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[left\2c right\2c width\]{
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[margin\2c opa\]{
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c height\2c padding\]{
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

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

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

.delay-1000{
  transition-delay: 1000ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-1000{
  transition-duration: 1000ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-700{
  transition-duration: 700ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@keyframes enter{

  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit{

  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.fade-in{
  --tw-enter-opacity: 0;
}

.fade-in-0{
  --tw-enter-opacity: 0;
}

.zoom-in-95{
  --tw-enter-scale: .95;
}

.duration-100{
  animation-duration: 100ms;
}

.duration-1000{
  animation-duration: 1000ms;
}

.duration-200{
  animation-duration: 200ms;
}

.duration-300{
  animation-duration: 300ms;
}

.duration-500{
  animation-duration: 500ms;
}

.duration-700{
  animation-duration: 700ms;
}

.delay-1000{
  animation-delay: 1000ms;
}

.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  animation-timing-function: linear;
}

.ease-out{
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.running{
  animation-play-state: running;
}

/* Global Desktop Layout Scaling & Centering */

html {
  zoom: 1.0; /* Explicitly reset */
  scroll-behavior: smooth;
  font-size: 16px; /* Base for rems */
}

/* Fluid Typography / Scaling for High Res Displays */

@media (min-width: 1920px) {
  html {
    font-size: 18px; /* Subtle scale up for 4K/Large screens instead of crude zoom */
  }
}

.centering-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .centering-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Mobile Stacking and Layout Enhancements */

@media (max-width: 768px) {
  .flex-row-mobile-stack {
    flex-direction: column !important;
  }
  
  .grid-2-mobile-stack {
    grid-template-columns: 1fr !important;
  }
  
  .mobile-scrolling {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Light mode prose text colors */

.prose {
  color: #1e293b !important;
  /* slate-800 */
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  color: #0f172a !important;
  /* slate-900 */
}

.prose p,
.prose li,
.prose blockquote,
.prose strong,
.prose span {
  color: #1e293b !important;
  /* slate-800 */
}

.prose a {
  color: #3b82f6 !important;
  /* blue-500 */
}

.prose p {
  margin: 1.25em 0 !important;
  /* Reduced from 2em */
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !important;
}

/* Ensure markdown text wraps at the margin, even for long lines/URLs */

.prose,
.prose p,
.prose li,
.prose blockquote,
.prose pre,
.prose code {
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  /* For code/pre, also allow breaking inside words */
}

.prose pre,
.prose code {
  white-space: pre-wrap;
  word-break: break-all;
  overflow-x: auto;
}

/* Dark mode prose text colors */

.dark .prose {
  color: #FFFFFF !important;
}

.dark .prose h1,
.dark .prose h2,
.dark .prose h3,
.dark .prose h4,
.dark .prose h5,
.dark .prose h6,
.dark .prose p,
.dark .prose a,
.dark .prose ul,
.dark .prose ol,
.dark .prose li,
.dark .prose blockquote,
.dark .prose strong,
.dark .prose span {
  color: #FFFFFF !important;
}

/* tailwindcss directives - ignore linting warnings */

/* /* If you use Tailwind, ensure your build pipeline supports it and re-add these lines */

/* ============================================
   SHARP ANGLE DESIGN SYSTEM
   90-degree and 45-degree angles throughout
   ============================================ */

/* Sharp 90-degree corners - DISABLED for Fractal Redesign */

/* .sharp-90,
.btn,
.card,
.input,
.textarea,
button,
input,
textarea,
select,
.modal,
.dialog,
.dropdown,
.tooltip {
  border-radius: 0 !important;
} */

/* 45-degree chamfered corners - for accents and special elements */

.sharp-45 {
  border-radius: 0;
  clip-path: polygon(8px 0%,
      calc(100% - 8px) 0%,
      100% 8px,
      100% calc(100% - 8px),
      calc(100% - 8px) 100%,
      8px 100%,
      0% calc(100% - 8px),
      0% 8px);
}

/* 45-degree angled cut on corners (larger chamfer) */

.sharp-45-lg {
  border-radius: 0;
  clip-path: polygon(16px 0%,
      calc(100% - 16px) 0%,
      100% 16px,
      100% calc(100% - 16px),
      calc(100% - 16px) 100%,
      16px 100%,
      0% calc(100% - 16px),
      0% 16px);
}

/* Angled top-right corner only */

.sharp-45-tr {
  border-radius: 0;
  clip-path: polygon(0% 0%,
      calc(100% - 12px) 0%,
      100% 12px,
      100% 100%,
      0% 100%);
}

/* Angled bottom-left corner only */

.sharp-45-bl {
  border-radius: 0;
  clip-path: polygon(0% 0%,
      100% 0%,
      100% 100%,
      12px 100%,
      0% calc(100% - 12px));
}

/* Diagonal slash across element */

.sharp-diagonal {
  border-radius: 0;
  clip-path: polygon(0% 0%,
      100% 0%,
      100% calc(100% - 20px),
      calc(100% - 20px) 100%,
      0% 100%);
}

/* Override Tailwind and other frameworks to force sharp corners - DISABLED for Fractal Redesign */

/* * {
  --tw-border-radius: 0;
} */

/* Ensure blog elements use sharp angles */

.blog-post-container,
.blog-disclaimer,
.bbg-blockquote,
.callout-box,
.disclaimer-box {
  border-radius: 0 !important;
}

/* Button styles with sharp 45-degree accents */

.btn-sharp-accent {
  border-radius: 0;
  position: relative;
}

.btn-sharp-accent::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

/* Modern Blog Typography */

.bbg-heading {
  font-family: 'Lexend', sans-serif;
  font-weight: 490;
  /* 30% less bold - was 700 */
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
  margin-top: 2em;
  color: hsl(var(--primary));
  transition: color 0.3s ease;
}

.blog-paragraph {
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  font-size: clamp(0.8125rem, 1.8vw, 0.9rem);
  /* 13pt equivalent - was clamp(1.2rem, 2.4vw, 1.32rem) */
  line-height: 1.8;
  color: #1e293b !important;
  /* slate-800 - explicit color for light mode */
  background-color: transparent !important;
  /* Remove white background */
  border: none;
  /* Remove border that creates boxes */
  border-radius: 0;
  padding: 0;
  /* Remove padding that creates boxes */
  margin: 1.25em 0;
  /* Reduced from 2em */
  box-shadow: none;
  /* Remove shadow */
  transition: all 0.3s ease;
  overflow-wrap: break-word;
}

.dark .blog-paragraph {
  color: #FFFFFF !important;
  /* White text for dark mode */
  background-color: transparent !important;
}

.blog-paragraph:hover {
  transform: none;
  /* Remove hover effect that causes boxes */
  box-shadow: none;
  border-color: transparent;
}

.blog-paragraph strong {
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  color: hsl(var(--primary));
}

/* Anchor links in markdown content */

.nyt-markdown a,
.blog-post a {
  color: #3b82f6;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.2s ease;
}

.nyt-markdown a:hover,
.blog-post a:hover {
  color: #2563eb;
  text-decoration: underline;
}

.dark .nyt-markdown a,
.dark .blog-post a {
  color: #60a5fa;
}

.dark .nyt-markdown a:hover,
.dark .blog-post a:hover {
  color: #93c5fd;
}

.bbg-blockquote {
  border-left: 4px solid hsl(var(--primary));
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  font-style: italic;
  padding: 1.5em 1.75em;
  margin: 2em 0;
  border-radius: var(--radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
}

.dark .bbg-blockquote {
  background-color: hsl(var(--accent) / 0.1);
  border-left-color: hsl(var(--accent-foreground));
}

.bbg-heading-h1 {
  font-size: clamp(2.16rem, 6vw, 3.36rem);
  line-height: 1.1;
}

/* 20% bigger */

.bbg-heading-h2 {
  font-size: clamp(1.8rem, 4.8vw, 2.64rem);
  line-height: 1.2;
}

/* 20% bigger */

.bbg-heading-h3 {
  font-size: clamp(1.44rem, 3.6vw, 2.04rem);
  line-height: 1.3;
}

/* 20% bigger */

.bbg-heading-h4 {
  font-size: clamp(1.32rem, 2.4vw, 1.68rem);
  line-height: 1.4;
}

/* 20% bigger */

.bbg-heading-h5 {
  font-size: clamp(1.2rem, 1.8vw, 1.44rem);
  line-height: 1.5;
}

/* 20% bigger */

.bbg-heading-h6 {
  font-size: clamp(1.08rem, 1.2vw, 1.2rem);
  line-height: 1.6;
}

/* 20% bigger */

.blog-disclaimer {
  font-size: 0.75rem;
  color: hsl(var(--muted-foreground));
  background-color: hsl(var(--muted) / 0.05);
  border: 1px dashed hsl(var(--border));
  padding: 1em;
  text-align: center;
  border-radius: var(--radius);
}

.dark .blog-disclaimer {
  background-color: hsl(var(--muted) / 0.05);
}

/* Blog post heading styles */

.blog-post h2 {
  font-family: 'Lexend', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: hsl(var(--primary));
  margin: 1.5em 0 0.75em;
  letter-spacing: -0.02em;
}

/* YouTube Embed */

.youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 2rem 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background: #000;
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Blog Post Typography */

.blog-post {
  line-height: 1.7;
  /* Slightly reduced from 1.8 */
  color: var(--foreground);
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
}

/* Blog Post Container */

.blog-post-container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 2.5rem;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* For browsers that don't support backdrop-filter */

@supports not (backdrop-filter: blur(10px)) {
  .blog-post-container {
    background-color: rgba(0, 0, 0, 0.85);
  }
}

.blog-post .reference-links {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}

.blog-post .reference-links li {
  margin-bottom: 1rem;
  padding: 0;
  display: flex;
  align-items: center;
}

.blog-post .reference-links a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background-color: var(--primary);
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.blog-post .reference-links a:hover {
  background-color: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.blog-post .reference-links a:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.blog-post .reference-links a::before {
  content: '🔗';
  margin-right: 0.75rem;
  font-size: 1.1em;
  opacity: 0.8;
}

/* For dark mode */

.dark .blog-post .reference-links a {
  background-color: var(--primary-dark);
  color: white;
}

.dark .blog-post .reference-links a:hover {
  background-color: var(--primary-darker);
}

.blog-post p {
  margin: 1rem 0;
  /* Reduced from 1.5rem */
  font-size: 0.8125em;
  /* 13pt equivalent - was 1.1em */
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
}

.blog-post h3 {
  margin: 2rem 0 1.25rem;
  line-height: 1.4;
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 600;
}

.blog-post h4 {
  margin: 1.5rem 0 1rem;
  line-height: 1.4;
  color: var(--primary);
  font-size: 1.25rem;
}

.blog-post ul,
.blog-post ol {
  margin: 1.5rem 0;
  padding-left: 2rem;
}

.blog-post ul {
  list-style: none;
}

.blog-post li {
  margin: 0.75rem 0;
  position: relative;
  padding-left: 2rem;
}

.blog-post ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 20px;
  height: 20px;
  background-image: url('/images/custom-bullet.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.dark .blog-post ul li::before {
  background-image: url('/images/custom-bullet-dark.svg');
}

/* Cleanup old/conflicting styles */

.nyt-paragraph,
.bbg-paragraph,
.bbg-paragraph-box {
  all: unset;
}

/* High-quality image rendering for product images */

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
  image-rendering: optimizeQuality;
  /* Force high-quality scaling for modern browsers */
  image-rendering: auto;
  max-width: 100%;
  height: auto;
}

/* Specific high-quality rendering for trademarked product images */

img[src*="/images/Tradmarked/"] {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
  image-rendering: optimizeQuality;
  image-rendering: auto;
  /* Ensure proper scaling without quality loss */
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* Prevent any accidental pixelation on high-DPI displays */

@media (min-resolution: 192dpi) {
  img[src*="/images/Tradmarked/"] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizeQuality;
  }
}

/* Enhanced gradient effects */

.glow-effect {
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
}

/* Legacy static glow - kept for backwards compatibility */

.text-glow {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  filter: brightness(1.1);
}

/* TEXT STEAM DYNAMIC: Large single steam cloud with rippling edges */

.text-steam-dynamic {
  position: relative;
  display: inline-block;
  /* Remove consistent glow - steam will provide dynamic lighting */
  text-shadow: none;
  filter: none;
}

/* Single large steam cloud that covers behind the text */

.text-steam-dynamic::before {
  content: '';
  position: absolute;
  top: -40px;
  left: -20%;
  right: -20%;
  height: 200px;
  width: 140%;
  pointer-events: none;
  z-index: -1;

  /* Large steam cloud with complex rippling edges */
  background:
    radial-gradient(ellipse 200px 180px at 50% 90%,
      rgba(180, 180, 180, 0.8) 0%,
      rgba(160, 160, 160, 0.6) 20%,
      rgba(140, 140, 140, 0.4) 40%,
      rgba(120, 120, 120, 0.2) 60%,
      transparent 80%);

  /* Add complex rippling mask for dynamic edges */
  mask:
    radial-gradient(ellipse 180px 160px at 45% 85%, black 0%, black 30%, transparent 70%),
    radial-gradient(ellipse 160px 140px at 55% 85%, black 0%, black 25%, transparent 65%),
    radial-gradient(ellipse 140px 120px at 50% 80%, black 0%, black 20%, transparent 60%),
    /* Rippling edge effects */
    radial-gradient(ellipse 40px 80px at 20% 90%, black 0%, transparent 50%),
    radial-gradient(ellipse 35px 70px at 30% 95%, black 0%, transparent 45%),
    radial-gradient(ellipse 45px 85px at 70% 90%, black 0%, transparent 55%),
    radial-gradient(ellipse 38px 75px at 80% 95%, black 0%, transparent 48%);

  -webkit-mask:
    radial-gradient(ellipse 180px 160px at 45% 85%, black 0%, black 30%, transparent 70%),
    radial-gradient(ellipse 160px 140px at 55% 85%, black 0%, black 25%, transparent 65%),
    radial-gradient(ellipse 140px 120px at 50% 80%, black 0%, black 20%, transparent 60%),
    radial-gradient(ellipse 40px 80px at 20% 90%, black 0%, transparent 50%),
    radial-gradient(ellipse 35px 70px at 30% 95%, black 0%, transparent 45%),
    radial-gradient(ellipse 45px 85px at 70% 90%, black 0%, transparent 55%),
    radial-gradient(ellipse 38px 75px at 80% 95%, black 0%, transparent 48%);

  mask-composite: add;
  -webkit-mask-composite: source-over;

  /* 50% slower animation - was 6s, now 9s */
  animation: large-steam-cloud-rise 9s ease-out infinite;
  animation-delay: 0s;
}

/* Large steam cloud animation with rippling motion */

@keyframes large-steam-cloud-rise {
  0% {
    transform: translateY(40px) scale(0.6) rotate(0deg);
    opacity: 0;
    /* Initial mask positions for rippling edges */
    mask-position:
      45% 85%, 55% 85%, 50% 80%,
      20% 90%, 30% 95%, 70% 90%, 80% 95%;
    -webkit-mask-position:
      45% 85%, 55% 85%, 50% 80%,
      20% 90%, 30% 95%, 70% 90%, 80% 95%;
  }

  15% {
    transform: translateY(20px) scale(0.8) rotate(-1deg);
    opacity: 0.4;
    /* Start rippling motion */
    mask-position:
      43% 83%, 57% 87%, 52% 82%,
      18% 88%, 32% 93%, 68% 92%, 82% 97%;
    -webkit-mask-position:
      43% 83%, 57% 87%, 52% 82%,
      18% 88%, 32% 93%, 68% 92%, 82% 97%;
  }

  30% {
    transform: translateY(0px) scale(1.0) rotate(1deg);
    opacity: 0.7;
    /* Peak opacity in the gap between words */
    mask-position:
      47% 85%, 53% 85%, 48% 78%,
      22% 92%, 28% 97%, 72% 88%, 78% 93%;
    -webkit-mask-position:
      47% 85%, 53% 85%, 48% 78%,
      22% 92%, 28% 97%, 72% 88%, 78% 93%;
  }

  50% {
    transform: translateY(-20px) scale(1.2) rotate(-0.5deg);
    opacity: 0.8;
    /* Maximum presence between "Bad Character" and "Scanner™" */
    mask-position:
      44% 87%, 56% 83%, 51% 81%,
      19% 91%, 31% 96%, 69% 89%, 81% 94%;
    -webkit-mask-position:
      44% 87%, 56% 83%, 51% 81%,
      19% 91%, 31% 96%, 69% 89%, 81% 94%;
  }

  70% {
    transform: translateY(-40px) scale(1.5) rotate(1.5deg);
    opacity: 0.5;
    /* Expanding and starting to fade */
    mask-position:
      46% 84%, 54% 86%, 49% 79%,
      21% 89%, 29% 94%, 71% 91%, 79% 96%;
    -webkit-mask-position:
      46% 84%, 54% 86%, 49% 79%,
      21% 89%, 29% 94%, 71% 91%, 79% 96%;
  }

  85% {
    transform: translateY(-60px) scale(1.8) rotate(-1deg);
    opacity: 0.2;
    /* Dispersing with complex edge movement */
    mask-position:
      42% 86%, 58% 84%, 53% 77%,
      17% 87%, 33% 92%, 67% 93%, 83% 98%;
    -webkit-mask-position:
      42% 86%, 58% 84%, 53% 77%,
      17% 87%, 33% 92%, 67% 93%, 83% 98%;
  }

  100% {
    transform: translateY(-80px) scale(2.2) rotate(0deg);
    opacity: 0;
    /* Final dissipation */
    mask-position:
      40% 88%, 60% 82%, 55% 75%,
      15% 85%, 35% 90%, 65% 95%, 85% 100%;
    -webkit-mask-position:
      40% 88%, 60% 82%, 55% 75%,
      15% 85%, 35% 90%, 65% 95%, 85% 100%;
  }
}

/* Text-Internal Steam Animation - 40% slower for coffee-like effect */

@keyframes text-internal-steam {
  0% {
    --steam-pos-1: 120%;
    --steam-pos-2: 130%;
    --steam-pos-3: 125%;
  }

  25% {
    --steam-pos-1: 90%;
    --steam-pos-2: 100%;
    --steam-pos-3: 95%;
  }

  50% {
    --steam-pos-1: 50%;
    --steam-pos-2: 60%;
    --steam-pos-3: 55%;
  }

  75% {
    --steam-pos-1: 20%;
    --steam-pos-2: 30%;
    --steam-pos-3: 25%;
  }

  100% {
    --steam-pos-1: -10%;
    --steam-pos-2: 0%;
    --steam-pos-3: -5%;
  }
}

/* Old steam cascade animation - kept for compatibility */

@keyframes text-steam-cascade {
  0% {
    /* Dynamic transparency animation - enhanced visibility */
    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.73) 10%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.63) 25%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.78) 40%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.67) 55%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.82) 70%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.73) 85%,
        /* 50% more visible */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.85) 0%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.63) 40%,
        /* 50% more visible */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
            mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.73) 10%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.63) 25%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.78) 40%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.67) 55%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.82) 70%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.73) 85%,
        /* 50% more visible */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.85) 0%,
        /* 50% more visible */
        rgba(0, 0, 0, 0.63) 40%,
        /* 50% more visible */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    mask-position: -100% 0%, 150% 50%, 0% 0%;

    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.73) 10%,
        rgba(0, 0, 0, 0.63) 25%,
        rgba(0, 0, 0, 0.78) 40%,
        rgba(0, 0, 0, 0.67) 55%,
        rgba(0, 0, 0, 0.82) 70%,
        rgba(0, 0, 0, 0.73) 85%,
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.63) 40%,
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    -webkit-mask-position: -100% 0%, 150% 50%, 0% 0%;
  }

  15% {
    /* Peak transparency variation - enhanced visibility */
    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.78) 10%,
        /* 50% more visible - was 0.85 */
        rgba(0, 0, 0, 0.61) 25%,
        /* 50% more visible - was 0.72 */
        rgba(0, 0, 0, 0.82) 40%,
        /* 50% more visible - was 0.88 */
        rgba(0, 0, 0, 0.63) 55%,
        /* 50% more visible - was 0.74 */
        rgba(0, 0, 0, 0.86) 70%,
        /* 50% more visible - was 0.91 */
        rgba(0, 0, 0, 0.78) 85%,
        /* 50% more visible - was 0.85 */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.78) 0%,
        /* 50% more visible - was 0.85 */
        rgba(0, 0, 0, 0.61) 40%,
        /* 50% more visible - was 0.72 */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
            mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.78) 10%,
        /* 50% more visible - was 0.85 */
        rgba(0, 0, 0, 0.61) 25%,
        /* 50% more visible - was 0.72 */
        rgba(0, 0, 0, 0.82) 40%,
        /* 50% more visible - was 0.88 */
        rgba(0, 0, 0, 0.63) 55%,
        /* 50% more visible - was 0.74 */
        rgba(0, 0, 0, 0.86) 70%,
        /* 50% more visible - was 0.91 */
        rgba(0, 0, 0, 0.78) 85%,
        /* 50% more visible - was 0.85 */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.78) 0%,
        /* 50% more visible - was 0.85 */
        rgba(0, 0, 0, 0.61) 40%,
        /* 50% more visible - was 0.72 */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    mask-position: -50% 0%, 120% 30%, 0% 0%;

    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.78) 10%,
        rgba(0, 0, 0, 0.61) 25%,
        rgba(0, 0, 0, 0.82) 40%,
        rgba(0, 0, 0, 0.63) 55%,
        rgba(0, 0, 0, 0.86) 70%,
        rgba(0, 0, 0, 0.78) 85%,
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.61) 40%,
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    -webkit-mask-position: -50% 0%, 120% 30%, 0% 0%;
  }

  35% {
    /* Middle cascade transparency - enhanced visibility */
    mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.82) 10%,
        /* 50% more visible - was 0.88 */
        rgba(0, 0, 0, 0.68) 25%,
        /* 50% more visible - was 0.76 */
        rgba(0, 0, 0, 0.77) 40%,
        /* 50% more visible - was 0.84 */
        rgba(0, 0, 0, 0.71) 55%,
        /* 50% more visible - was 0.79 */
        rgba(0, 0, 0, 0.81) 70%,
        /* 50% more visible - was 0.87 */
        rgba(0, 0, 0, 0.74) 85%,
        /* 50% more visible - was 0.81 */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.75) 0%,
        /* 50% more visible - was 0.82 */
        rgba(0, 0, 0, 0.70) 40%,
        /* 50% more visible - was 0.78 */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));

    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.82) 10%,
        rgba(0, 0, 0, 0.68) 25%,
        rgba(0, 0, 0, 0.77) 40%,
        rgba(0, 0, 0, 0.71) 55%,
        rgba(0, 0, 0, 0.81) 70%,
        rgba(0, 0, 0, 0.74) 85%,
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.70) 40%,
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
  }

  65% {
    /* Fade out transparency - enhanced visibility */
    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.77) 10%,
        /* 50% more visible - was 0.84 */
        rgba(0, 0, 0, 0.70) 25%,
        /* 50% more visible - was 0.78 */
        rgba(0, 0, 0, 0.80) 40%,
        /* 50% more visible - was 0.86 */
        rgba(0, 0, 0, 0.67) 55%,
        /* 50% more visible - was 0.75 */
        rgba(0, 0, 0, 0.84) 70%,
        /* 50% more visible - was 0.89 */
        rgba(0, 0, 0, 0.76) 85%,
        /* 50% more visible - was 0.83 */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.70) 0%,
        /* 50% more visible - was 0.78 */
        rgba(0, 0, 0, 0.65) 40%,
        /* 50% more visible - was 0.74 */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
            mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.77) 10%,
        /* 50% more visible - was 0.84 */
        rgba(0, 0, 0, 0.70) 25%,
        /* 50% more visible - was 0.78 */
        rgba(0, 0, 0, 0.80) 40%,
        /* 50% more visible - was 0.86 */
        rgba(0, 0, 0, 0.67) 55%,
        /* 50% more visible - was 0.75 */
        rgba(0, 0, 0, 0.84) 70%,
        /* 50% more visible - was 0.89 */
        rgba(0, 0, 0, 0.76) 85%,
        /* 50% more visible - was 0.83 */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.70) 0%,
        /* 50% more visible - was 0.78 */
        rgba(0, 0, 0, 0.65) 40%,
        /* 50% more visible - was 0.74 */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    mask-position: 80% 0%, 40% 20%, 0% 0%;

    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.77) 10%,
        rgba(0, 0, 0, 0.70) 25%,
        rgba(0, 0, 0, 0.80) 40%,
        rgba(0, 0, 0, 0.67) 55%,
        rgba(0, 0, 0, 0.84) 70%,
        rgba(0, 0, 0, 0.76) 85%,
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.70) 0%,
        rgba(0, 0, 0, 0.65) 40%,
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
    -webkit-mask-position: 80% 0%, 40% 20%, 0% 0%;
  }

  100% {
    /* Return to original transparency - enhanced visibility */
    mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.73) 10%,
        /* 50% more visible - was 0.82, matching base state */
        rgba(0, 0, 0, 0.63) 25%,
        /* 50% more visible - was 0.75, matching base state */
        rgba(0, 0, 0, 0.78) 40%,
        /* 50% more visible - was 0.85, matching base state */
        rgba(0, 0, 0, 0.67) 55%,
        /* 50% more visible - was 0.78, matching base state */
        rgba(0, 0, 0, 0.82) 70%,
        /* 50% more visible - was 0.88, matching base state */
        rgba(0, 0, 0, 0.73) 85%,
        /* 50% more visible - was 0.82, matching base state */
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.85) 0%,
        /* 50% more visible - was 0.9, matching base state */
        rgba(0, 0, 0, 0.63) 40%,
        /* 50% more visible - was 0.75, matching base state */
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));

    -webkit-mask:
      linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.73) 10%,
        rgba(0, 0, 0, 0.63) 25%,
        rgba(0, 0, 0, 0.78) 40%,
        rgba(0, 0, 0, 0.67) 55%,
        rgba(0, 0, 0, 0.82) 70%,
        rgba(0, 0, 0, 0.73) 85%,
        transparent 100%),
      radial-gradient(ellipse 200px 80px,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.63) 40%,
        transparent 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
  }
}

/* Enhanced vertical steam system - 50% more transparent, swirly, and bigger with expanded animation box */

.text-glow-dynamic {
  position: relative;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.05);
  filter: brightness(1.03);
  /* Further reduced - from 1.12 to 1.06 */
  overflow: visible;
  /* Allow steam to flow upward */
}

.text-glow-dynamic::before {
  content: '';
  position: absolute;
  top: -90px;
  /* 50% bigger animation box - from -60px to -90px */
  left: -25%;
  /* Expand horizontally for bigger effect */
  right: -25%;
  width: 150%;
  /* 50% wider */
  height: 120px;
  /* 50% bigger animation box - from 80px to 120px */
  background:
    /* Multiple vertical steam columns with 50% more transparency and swirly effect */
    radial-gradient(ellipse 9px 45px at 18% 100%, rgba(255, 255, 255, 0.05) 0%, rgba(180, 180, 180, 0.03) 30%, transparent 70%),
    radial-gradient(ellipse 12px 53px at 42% 100%, rgba(255, 255, 255, 0.04) 0%, rgba(200, 200, 200, 0.02) 40%, transparent 80%),
    radial-gradient(ellipse 8px 38px at 58% 100%, rgba(255, 255, 255, 0.06) 0%, rgba(170, 170, 170, 0.04) 25%, transparent 65%),
    radial-gradient(ellipse 11px 48px at 78% 100%, rgba(255, 255, 255, 0.03) 0%, rgba(190, 190, 190, 0.05) 35%, transparent 75%),
    radial-gradient(ellipse 7px 41px at 22% 100%, rgba(255, 255, 255, 0.04) 0%, rgba(160, 160, 160, 0.03) 28%, transparent 68%);
  /* Additional swirl */
  animation: vertical-steam-rise-swirly 5s ease-out infinite;
  pointer-events: none;
  z-index: 1;
}

.text-glow-dynamic::after {
  content: '';
  position: absolute;
  top: -90px;
  /* 50% bigger animation box */
  left: -25%;
  /* Expand horizontally */
  right: -25%;
  width: 150%;
  /* 50% wider */
  height: 120px;
  /* 50% bigger animation box */
  background:
    /* Secondary steam layer with more swirls, bigger size, and 50% more transparency */
    radial-gradient(ellipse 6px 42px at 32% 100%, rgba(255, 255, 255, 0.04) 0%, rgba(160, 160, 160, 0.03) 20%, transparent 60%),
    radial-gradient(ellipse 14px 57px at 48% 100%, rgba(255, 255, 255, 0.05) 0%, rgba(180, 180, 180, 0.04) 30%, transparent 70%),
    radial-gradient(ellipse 9px 39px at 72% 100%, rgba(255, 255, 255, 0.03) 0%, rgba(170, 170, 170, 0.02) 40%, transparent 80%),
    radial-gradient(ellipse 5px 35px at 85% 100%, rgba(255, 255, 255, 0.04) 0%, rgba(150, 150, 150, 0.03) 32%, transparent 72%),
    radial-gradient(ellipse 10px 44px at 15% 100%, rgba(255, 255, 255, 0.04) 0%, rgba(180, 180, 180, 0.03) 25%, transparent 65%);
  /* More swirly patterns */
  animation: vertical-steam-rise-swirly 6s ease-out infinite;
  animation-delay: 2s;
  pointer-events: none;
  z-index: 2;
}

@keyframes vertical-steam-rise-swirly {
  0% {
    transform: translateY(90px) scale(1.2) rotate(-3deg);
    /* 50% bigger start position and add swirl rotation */
    opacity: 0;
  }

  15% {
    transform: translateY(60px) scale(1.35) rotate(2deg);
    /* Swirly motion with rotation */
    opacity: 0.15;
    /* 50% more transparent - from 0.3 to 0.15 */
  }

  30% {
    transform: translateY(30px) scale(1.5) rotate(-4deg);
    /* More swirly rotation */
    opacity: 0.3;
    /* 50% more transparent - from 0.6 to 0.3 */
  }

  50% {
    transform: translateY(0px) scale(1.65) rotate(3deg);
    /* Peak with swirl - 50% bigger scale */
    opacity: 0.4;
    /* 50% more transparent - from 0.8 to 0.4 */
  }

  70% {
    transform: translateY(-30px) scale(1.95) rotate(-5deg);
    /* Increasing swirl as it rises */
    opacity: 0.25;
    /* 50% more transparent - from 0.5 to 0.25 */
  }

  85% {
    transform: translateY(-60px) scale(2.4) rotate(6deg);
    /* More dramatic swirl and 50% bigger */
    opacity: 0.1;
    /* 50% more transparent - from 0.2 to 0.1 */
  }

  100% {
    transform: translateY(-90px) scale(3.0) rotate(-4deg);
    /* Final swirl position - 50% bigger end */
    opacity: 0;
    /* Completely faded */
  }
}

/* Accessibility: Respect user preferences for reduced motion */

@media (prefers-reduced-motion: reduce) {

  .text-steam-dynamic::before,
  .text-steam-dynamic::after {
    animation: none !important;
    display: none;
  }

  .text-steam-dynamic {
    animation: none !important;
  }

  .text-glow-dynamic::before,
  .text-glow-dynamic::after {
    animation: none !important;
    display: none;
  }

  /* Fall back to enhanced static glow for reduced motion users */
  .text-glow-dynamic,
  .text-steam-dynamic {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
    filter: brightness(1.05);
  }
}

/* Enhanced subtext readability */

.enhanced-subtext {
  color: rgb(240, 240, 240) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.15);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  backdrop-filter: blur(2px);
  font-weight: 500;
}

/* Improved contrast for all secondary text */

.text-gray-300-enhanced {
  color: rgb(250, 250, 250) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Sharp, professional text rendering */

.crypto-sharp-text {
  font-weight: 600;
  letter-spacing: 0.025em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Enhanced font hierarchy */

.primary-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
}

.secondary-text {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  line-height: 1.6;
  font-weight: 400;
}

/* Enhanced text color overrides - making text bright and readable */

.text-gray-300 {
  color: rgb(255, 255, 255) !important;
  /* Pure white for maximum readability */
}

.text-gray-400 {
  color: rgb(245, 245, 245) !important;
  /* Near white for secondary text */
}

.text-gray-200 {
  color: rgb(255, 255, 255) !important;
  /* Pure white */
}

.text-white {
  color: rgb(255, 255, 255) !important;
  /* Pure white */
}

/* Make the important security message pure white */

.card-gradient p,
.card-gradient .text-white {
  color: rgb(255, 255, 255) !important;
  /* Ensure critical security message is pure white */
}

/* Ensure main title text is extra bright */

h1.text-glow .text-gray-300,
h1.text-glow .text-white {
  color: rgb(255, 255, 255) !important;
  /* Pure white with brightness filter applied */
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
  /* Additional white glow for prominence */
}

.text-purple-300,
.text-purple-400,
.text-purple-400-lighter,
.text-cyan-400,
.text-red-400 {
  color: #ffffff !important;
}

/* Placeholder text colors - 10% lighter */

.placeholder\:text-gray-200::-moz-placeholder {
  color: rgb(252, 252, 252) !important;
  /* 10% lighter - was rgb(250, 250, 250) */
}

.placeholder\:text-gray-200::placeholder {
  color: rgb(252, 252, 252) !important;
  /* 10% lighter - was rgb(250, 250, 250) */
}

.placeholder\:text-gray-300::-moz-placeholder {
  color: rgb(248, 248, 248) !important;
  /* 10% lighter - was rgb(242, 242, 242) */
}

.placeholder\:text-gray-300::placeholder {
  color: rgb(248, 248, 248) !important;
  /* 10% lighter - was rgb(242, 242, 242) */
}

/* Additional text colors for consistency - 10% lighter */

.text-foreground {
  color: hsl(0, 0%, 100%) !important;
  /* Pure white foreground - keep as 100% */
}

.text-muted-foreground {
  color: hsl(0, 0%, 93.5%) !important;
  /* 10% lighter - was 85% */
}

/* Brighter card text */

.card-foreground {
  color: hsl(0, 0%, 100%) !important;
  /* Pure white */
}

.gradient-border {
  background: rgba(255, 255, 255, 0.2);
  padding: 1px;
  border-radius: 0;
}

.gradient-border>* {
  background: #151515;
  /* 15% darker - was #1a1a1a */
  border-radius: 0.4rem;
}

.card-gradient {
  background: rgba(10, 10, 10, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-gradient-box {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.15) 70%, transparent 100%);
  position: relative;
  /* Create a mask for the backdrop-filter to have gradient edges */
  -webkit-mask: radial-gradient(ellipse at center, black 0%, black 40%, rgba(0, 0, 0, 0.8) 70%, transparent 100%);
  mask: radial-gradient(ellipse at center, black 0%, black 40%, rgba(0, 0, 0, 0.8) 70%, transparent 100%);
}

/* Add subtle drop shadow to all text within hero gradient box */

.hero-gradient-box h1,
.hero-gradient-box p,
.hero-gradient-box span {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.8);
}

/* Hero background glow — subtle, no blur */

.hero-gradient-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
  pointer-events: none;
  z-index: -1;
  filter: none;
  backdrop-filter: none;
}

.hero-gradient-box::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, transparent 80%);
  pointer-events: none;
  z-index: 1;
}

.icon-gradient {
  color: #ffffff;
}

.pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite alternate;
}

@keyframes pulse-glow {
  from {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
  }
  to {
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.1);
  }
}

/* Enhanced button gradients */

.btn-gradient-purple {
  background: #ffffff;
  color: #000000;
  border: none;
  transition: all 0.3s ease;
}

.btn-gradient-purple:hover {
  background: #e5e5e5;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

/* Enhanced background gradients - 15% darker */

.hero-gradient {
  background: #000000;
}

.feature-card-gradient {
  background: rgba(10, 10, 10, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.feature-card-gradient:hover {
  background: rgba(15, 15, 15, 1.0);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05);
}

/* Animated gradient text */

.animated-gradient-text {
  background: linear-gradient(45deg, #ffffff, #a3a3a3, #ffffff);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-animation 3s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Duplicate .text-purple-400-lighter removed - defined above */

/* 10% brighter and lighter purple for enhanced visibility */

.text-purple-bright {
  color: #ffffff;
}

.hover\:text-purple-bright:hover {
  color: #ffffff;
}

/* Disclaimer paragraph override - higher specificity than .blog-paragraph */

.blog-paragraph.blog-disclaimer {
  font-size: 0.585rem !important;
  line-height: 1.2 !important;
  opacity: 0.8;
  padding: 0.5rem 1rem !important;
  margin: 0.5rem 0 !important;
  background: #f8f9fa !important;
  border-color: #e9ecef !important;
  font-style: italic;
}

/* Disclaimer div override - for HTML divs with disclaimer content */

.nyt-markdown .disclaimer-box,
.nyt-markdown div[style*="font-size"] {
  font-size: 0.585rem !important;
  line-height: 1.2 !important;
}

/* Force balanced font size for disclaimer content regardless of container */

.nyt-markdown .disclaimer-box *,
.nyt-markdown div[style*="font-size"] * {
  font-size: inherit !important;
}

/* Fix disclaimer text color - should be dark on light background */

.disclaimer-box,
.disclaimer-box *,
.prose .disclaimer-box,
.prose .disclaimer-box *,
.nyt-markdown .disclaimer-box,
.nyt-markdown .disclaimer-box *,
div[style*="background: #fff3cd"],
div[style*="background: #fff3cd"] *,
.prose div[style*="background: #fff3cd"],
.prose div[style*="background: #fff3cd"] * {
  color: #856404 !important;
  /* Dark amber color for contrast */
}

/* Ensure disclaimer strong/bold text is also dark */

.disclaimer-box strong,
.prose .disclaimer-box strong,
div[style*="background: #fff3cd"] strong,
.prose div[style*="background: #fff3cd"] strong {
  color: #533f03 !important;
  /* Even darker for emphasis */
}

/* Override prose white text forcing for disclaimers */

.dark .prose .disclaimer-box,
.dark .prose .disclaimer-box *,
.dark .prose div[style*="background: #fff3cd"],
.dark .prose div[style*="background: #fff3cd"] * {
  color: #856404 !important;
  /* Keep dark color even in dark mode for yellow backgrounds */
}

/* Fix references section with light gray background */

.prose div[style*="background: #f8f9fa"],
.prose div[style*="background: #f8f9fa"] *,
.nyt-markdown div[style*="background: #f8f9fa"],
.nyt-markdown div[style*="background: #f8f9fa"] * {
  color: #212529 !important;
  /* Dark text for light backgrounds */
}

/* Ensure reference links are visible */

.prose div[style*="background: #f8f9fa"] a,
.nyt-markdown div[style*="background: #f8f9fa"] a {
  color: #007bff !important;
  /* Keep blue links */
}

/* Reference section specific spans */

.prose span[style*="color: #495057"],
.nyt-markdown span[style*="color: #495057"] {
  color: #495057 !important;
  /* Gray reference numbers */
}

/* Editorial note styling - small text outside main content */

.editorial-note {
  font-size: 0.6rem !important;
  /* 20% smaller - was 0.75rem */
  color: hsl(var(--muted-foreground)) !important;
  font-style: italic;
  display: block;
  text-align: left;
  margin: 0.5rem 0 1.5rem 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1.3 !important;
  opacity: 0.8;
}

/* Override blog paragraph styling for editorial notes */

.blog-post .editorial-note {
  all: revert;
  font-size: 0.6rem !important;
  /* 20% smaller - was 0.75rem */
  color: hsl(var(--muted-foreground)) !important;
  font-style: italic;
  display: block;
  text-align: left;
  margin: 0.5rem 0 1.5rem 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1.3 !important;
  opacity: 0.8;
}

/* Dark mode editorial note */

.dark .editorial-note,
.dark .blog-post .editorial-note {
  color: hsl(var(--muted-foreground)) !important;
}

/* --- Fallback/Default Mode for Older Smartphones & Legacy Browsers --- */

@media (max-width: 400px),
(max-device-width: 400px),
(max-width: 600px) and (max-resolution: 1.5dppx) {

  body,
  #root {
    max-width: 100vw !important;
    padding: 0.5rem !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }

  .logo,
  .card {
    padding: 0.5em !important;
    height: auto !important;
    max-width: 90vw !important;
  }

  .bbg-heading-h1,
  .bbg-heading-h2,
  .bbg-heading-h3 {
    font-size: 1.2rem !important;
  }

  .bbg-paragraph,
  .blog-paragraph,
  .bbg-blockquote {
    font-size: 1rem !important;
    padding: 0.5em 0.5em !important;
    border-width: 2px !important;
  }

  /* Remove or simplify shadows, gradients, and animations */
  .card,
  .blog-paragraph,
  .bbg-blockquote {
    box-shadow: none !important;
    background: #fff !important;
  }
}

/* --- End Fallback/Default Mode --- */

/* --- End Fallback/Default Mode --- */

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-foreground::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-zinc-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.placeholder\:text-zinc-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2::after{
  content: var(--tw-content);
  inset: -0.5rem;
}

.after\:inset-y-0::after{
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:h-1::after{
  content: var(--tw-content);
  height: 0.25rem;
}

.after\:w-1::after{
  content: var(--tw-content);
  width: 0.25rem;
}

.after\:w-\[2px\]::after{
  content: var(--tw-content);
  width: 2px;
}

.after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}

.after\:-translate-x-1\/2::after{
  content: var(--tw-content);
  --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));
}

.after\:-translate-y-1\/2::after{
  content: var(--tw-content);
  --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));
}

.after\:translate-x-0::after{
  content: var(--tw-content);
  --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));
}

.first\:rounded-l-md:first-child{
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.first\:border-l:first-child{
  border-left-width: 1px;
}

.last\:rounded-r-md:last-child{
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.last\:border-r-0:last-child{
  border-right-width: 0px;
}

.focus-within\:relative:focus-within{
  position: relative;
}

.focus-within\:z-20:focus-within{
  z-index: 20;
}

.hover\:-translate-y-0:hover{
  --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));
}

.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\:transform:hover{
  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-amber-400\/40:hover{
  border-color: rgb(163 163 163 / 0.4);
}

.hover\:border-amber-400\/50:hover{
  border-color: rgb(163 163 163 / 0.5);
}

.hover\:border-amber-400\/60:hover{
  border-color: rgb(163 163 163 / 0.6);
}

.hover\:border-blue-400\/40:hover{
  border-color: rgb(163 163 163 / 0.4);
}

.hover\:border-blue-400\/50:hover{
  border-color: rgb(163 163 163 / 0.5);
}

.hover\:border-blue-400\/60:hover{
  border-color: rgb(163 163 163 / 0.6);
}

.hover\:border-cyan-400\/60:hover{
  border-color: rgb(34 211 238 / 0.6);
}

.hover\:border-green-400\/50:hover{
  border-color: rgb(74 222 128 / 0.5);
}

.hover\:border-green-400\/60:hover{
  border-color: rgb(74 222 128 / 0.6);
}

.hover\:border-pink-400\/50:hover{
  border-color: rgb(244 114 182 / 0.5);
}

.hover\:border-purple-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-400\/40:hover{
  border-color: rgb(192 132 252 / 0.4);
}

.hover\:border-purple-400\/50:hover{
  border-color: rgb(192 132 252 / 0.5);
}

.hover\:border-purple-400\/60:hover{
  border-color: rgb(192 132 252 / 0.6);
}

.hover\:border-purple-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-500\/40:hover{
  border-color: rgb(168 85 247 / 0.4);
}

.hover\:border-white:hover{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}

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

.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-destructive\/80:hover{
  background-color: hsl(var(--destructive) / 0.8);
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-emerald-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.hover\:bg-fuchsia-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(162 28 175 / var(--tw-bg-opacity, 1));
}

.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-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-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / 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-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-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted:hover{
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-primary\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-primary\/90:hover{
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / 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-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary\/80:hover{
  background-color: rgb(38 38 38 / 0.8);
}

.hover\:bg-sidebar-accent:hover{
  background-color: hsl(var(--sidebar-accent));
}

.hover\:bg-sky-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-800\/70:hover{
  background-color: rgb(30 41 59 / 0.7);
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/\[0\.07\]:hover{
  background-color: rgb(255 255 255 / 0.07);
}

.hover\:bg-yellow-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.hover\:from-amber-500:hover{
  --tw-gradient-from: #737373 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-500:hover{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-pink-500:hover{
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-300:hover{
  --tw-gradient-from: #d8b4fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500:hover{
  --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);
}

.hover\:from-violet-600:hover{
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-blue-300:hover{
  --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position);
}

.hover\:to-blue-500:hover{
  --tw-gradient-to: #737373 var(--tw-gradient-to-position);
}

.hover\:to-cyan-600:hover{
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}

.hover\:to-green-600:hover{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.hover\:to-pink-600:hover{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.hover\:to-purple-600:hover{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.hover\:text-foreground:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 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-green-300:hover{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / 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-muted-foreground:hover{
  color: hsl(var(--muted-foreground));
}

.hover\:text-purple-300:hover{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-600:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.hover\:text-sidebar-accent-foreground:hover{
  color: hsl(var(--sidebar-accent-foreground));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-900:hover{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:decoration-purple-300\/60:hover{
  text-decoration-color: rgb(216 180 254 / 0.6);
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:shadow-2xl:hover{
  --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);
}

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-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-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\:shadow-amber-500\/60:hover{
  --tw-shadow-color: rgb(115 115 115 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-500\/20:hover{
  --tw-shadow-color: rgb(115 115 115 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-green-500\/20:hover{
  --tw-shadow-color: rgb(34 197 94 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/60:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:grayscale-0:hover{
  --tw-grayscale: grayscale(0);
  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);
}

.hover\:after\:bg-sidebar-border:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.focus\:border-white:focus{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:bg-accent:focus{
  background-color: hsl(var(--accent));
}

.focus\:text-accent-foreground:focus{
  color: hsl(var(--accent-foreground));
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.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-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / 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-purple-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-zinc-900:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2: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);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-sidebar-ring:focus-visible{
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.focus-visible\:ring-violet-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: #000000;
}

.active\:bg-sidebar-accent:active{
  background-color: hsl(var(--sidebar-accent));
}

.active\:text-sidebar-accent-foreground:active{
  color: hsl(var(--sidebar-accent-foreground));
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\: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));
}

.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\:border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-green-500\/30{
  background-color: rgb(34 197 94 / 0.3);
}

.group:hover .group-hover\:bg-purple-500\/30{
  background-color: rgb(168 85 247 / 0.3);
}

.group:hover .group-hover\:bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.group:hover .group-hover\:bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}

.group:hover .group-hover\:from-pink-500\/30{
  --tw-gradient-from: rgb(236 72 153 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:to-purple-500\/30{
  --tw-gradient-to: rgb(168 85 247 / 0.3) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:grayscale-0{
  --tw-grayscale: grayscale(0);
  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);
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground{
  color: hsl(var(--sidebar-accent-foreground));
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){
  background-color: hsl(var(--sidebar-background));
}

.has-\[\:disabled\]\:opacity-50:has(:disabled){
  opacity: 0.5;
}

.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{
  padding-right: 2rem;
}

.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events: none;
}

.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity: 0.5;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
  pointer-events: none;
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --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));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --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));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{
  background-color: hsl(var(--sidebar-accent));
}

.data-\[active\]\:bg-accent\/50[data-active]{
  background-color: hsl(var(--accent) / 0.5);
}

.data-\[selected\=true\]\:bg-accent[data-selected="true"]{
  background-color: hsl(var(--accent));
}

.data-\[selected\]\:bg-primary[data-selected]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[state\=open\]\:bg-accent[data-state="open"]{
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-accent\/50[data-state="open"]{
  background-color: hsl(var(--accent) / 0.5);
}

.data-\[state\=open\]\:bg-secondary[data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: hsl(var(--muted));
}

.data-\[active\=true\]\:font-medium[data-active="true"]{
  font-weight: 500;
}

.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[disabled\]\:text-muted-foreground[data-disabled]{
  color: hsl(var(--muted-foreground));
}

.data-\[outside-view\]\:text-muted-foreground[data-outside-view]{
  color: hsl(var(--muted-foreground));
}

.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{
  color: hsl(var(--accent-foreground));
}

.data-\[selected\]\:text-primary-foreground[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"]{
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
  color: hsl(var(--muted-foreground));
}

.data-\[unavailable\]\:text-destructive-foreground[data-unavailable]{
  color: hsl(var(--destructive-foreground));
}

.data-\[unavailable\]\:line-through[data-unavailable]{
  text-decoration-line: line-through;
}

.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
  opacity: 0.5;
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[outside-view\]\:opacity-50[data-outside-view]{
  opacity: 0.5;
}

.data-\[selected\]\:opacity-100[data-selected]{
  opacity: 1;
}

.data-\[state\=open\]\:opacity-100[data-state="open"]{
  opacity: 1;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration: 500ms;
}

.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=visible\]\:animate-in[data-state="visible"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=hidden\]\:animate-out[data-state="hidden"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{
  --tw-enter-opacity: 0;
}

.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=hidden\]\:fade-out[data-state="hidden"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=visible\]\:fade-in[data-state="visible"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-90[data-state="open"]{
  --tw-enter-scale: .9;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale: .95;
}

.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{
  --tw-enter-translate-x: 13rem;
}

.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{
  --tw-enter-translate-x: -13rem;
}

.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{
  --tw-exit-translate-x: 13rem;
}

.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{
  --tw-exit-translate-x: -13rem;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y: -48%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration: 500ms;
}

.data-\[selected\]\:hover\:bg-primary:hover[data-selected]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"]{
  background-color: hsl(var(--sidebar-accent));
}

.data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"]{
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[selected\]\:focus\:bg-primary:focus[data-selected]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  left: calc(var(--sidebar-width) * -1);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  right: calc(var(--sidebar-width) * -1);
}

.group[data-side="left"] .group-data-\[side\=left\]\:-right-4{
  right: -1rem;
}

.group[data-side="right"] .group-data-\[side\=right\]\:left-0{
  left: 0px;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{
  margin-top: -2rem;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{
  display: none;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8{
  width: 2rem !important;
  height: 2rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{
  width: var(--sidebar-width-icon);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{
  width: calc(var(--sidebar-width-icon) + 1rem);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0{
  width: 0px;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\: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));
}

.group[data-side="right"] .group-data-\[side\=right\]\: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));
}

.group[data-state="open"] .group-data-\[state\=open\]\: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));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{
  overflow: hidden;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{
  border-radius: var(--radius);
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{
  border-width: 1px;
}

.group[data-side="left"] .group-data-\[side\=left\]\:border-r{
  border-right-width: 1px;
}

.group[data-side="right"] .group-data-\[side\=right\]\:border-l{
  border-left-width: 1px;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border{
  border-color: hsl(var(--sidebar-border));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0{
  padding: 0px !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2{
  padding: 0.5rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{
  opacity: 0;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{
  content: var(--tw-content);
  left: 100%;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{
  background-color: hsl(var(--sidebar-background));
}

.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{
  top: 0.375rem;
}

.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{
  top: 0.625rem;
}

.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{
  top: 0.25rem;
}

.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{
  min-height: calc(100svh - 1rem);
}

.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{
  color: hsl(var(--sidebar-accent-foreground));
}

.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
}

.dark\:border-destructive:is(.dark *){
  border-color: hsl(var(--destructive));
}

.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-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / 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-zinc-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.dark\:border-zinc-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}

.dark\:bg-amber-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900\/20:is(.dark *){
  background-color: rgb(23 23 23 / 0.2);
}

.dark\:bg-gray-700\/50:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}

.dark\:bg-gray-800\/80:is(.dark *){
  background-color: rgb(31 41 55 / 0.8);
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color: rgb(17 24 39 / 0.8);
}

.dark\:bg-green-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900\/20:is(.dark *){
  background-color: rgb(20 83 45 / 0.2);
}

.dark\:bg-indigo-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}

.dark\:bg-purple-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-900\/20:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}

.dark\:bg-zinc-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.dark\:bg-zinc-900\/70:is(.dark *){
  background-color: rgb(24 24 27 / 0.7);
}

.dark\:from-zinc-900:is(.dark *){
  --tw-gradient-from: #18181b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-zinc-800:is(.dark *){
  --tw-gradient-to: #27272a var(--tw-gradient-to-position);
}

.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 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-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-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / 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-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 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-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 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-zinc-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.dark\:placeholder\:text-zinc-400:is(.dark *)::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.dark\:placeholder\:text-zinc-400:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.dark\:hover\:bg-zinc-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.dark\:focus\:ring-zinc-100:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity, 1));
}

@media (min-width: 640px){

  .sm\:flex{
    display: flex;
  }

  .sm\:w-\[600px\]{
    width: 600px;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:gap-2\.5{
    gap: 0.625rem;
  }

  .sm\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:gap-y-0{
    row-gap: 0px;
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-lg{
    border-radius: var(--radius);
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:w-80{
    width: 20rem;
  }

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
    width: var(--radix-navigation-menu-viewport-width);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\: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));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:p-12{
    padding: 3rem;
  }

  .md\:p-16{
    padding: 4rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }

  .md\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .after\:md\:hidden::after{
    content: var(--tw-content);
    display: none;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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);
  }
}

@media (min-width: 1024px){

  .lg\:sticky{
    position: sticky;
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:block{
    display: block;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:h-screen{
    height: 100vh;
  }

  .lg\:max-h-32{
    max-height: 8rem;
  }

  .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-\[1fr_300px\]{
    grid-template-columns: 1fr 300px;
  }

  .lg\:grid-cols-\[1fr_320px\]{
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[280px_1fr\]{
    grid-template-columns: 280px 1fr;
  }

  .lg\:overflow-y-auto{
    overflow-y: auto;
  }

  .lg\:p-7{
    padding: 1.75rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:pl-16{
    padding-left: 4rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]){
  border-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]){
  background-color: hsl(var(--accent));
}

.\[\&\:has\(\[data-selected\]\[data-outside-view\]\)\]\:bg-accent\/50:has([data-selected][data-outside-view]){
  background-color: hsl(var(--accent) / 0.5);
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\>button\]\:hidden>button{
  display: none;
}

.\[\&\>span\:last-child\]\:truncate>span:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y: -3px;
  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));
}

.\[\&\>svg\]\:absolute>svg{
  position: absolute;
}

.\[\&\>svg\]\:left-4>svg{
  left: 1rem;
}

.\[\&\>svg\]\:top-4>svg{
  top: 1rem;
}

.\[\&\>svg\]\:size-3\.5>svg{
  width: 0.875rem;
  height: 0.875rem;
}

.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:h-2\.5>svg{
  height: 0.625rem;
}

.\[\&\>svg\]\:h-3>svg{
  height: 0.75rem;
}

.\[\&\>svg\]\:w-2\.5>svg{
  width: 0.625rem;
}

.\[\&\>svg\]\:w-3>svg{
  width: 0.75rem;
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}

.\[\&\>svg\]\:text-destructive>svg{
  color: hsl(var(--destructive));
}

.\[\&\>svg\]\:text-foreground>svg{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-muted-foreground>svg{
  color: hsl(var(--muted-foreground));
}

.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{
  color: hsl(var(--sidebar-accent-foreground));
}

.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left: 1.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:bg-accent\/50[data-outside-view][data-selected]{
  background-color: hsl(var(--accent) / 0.5);
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:text-muted-foreground[data-outside-view][data-selected]{
  color: hsl(var(--muted-foreground));
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:opacity-30[data-outside-view][data-selected]{
  opacity: 0.3;
}

.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]){
  background-color: hsl(var(--accent));
}

.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]){
  color: hsl(var(--accent-foreground));
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
  color: hsl(var(--muted-foreground));
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top: 0px;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width: 1.25rem;
}

.\[\&_p\]\:leading-relaxed p{
  line-height: 1.625;
}

.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
  right: -0.5rem;
}

[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}

[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
  left: -0.5rem;
}

[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}