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

.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-05625044] {
  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;
}

.logo-carousel[data-v-5b034699] {
  filter: drop-shadow(0 0 20px rgba(168, 85, 167, 0.4));
}
.logo-carousel[data-v-5b034699]:hover {
  filter: drop-shadow(0 0 25px rgba(147, 51, 234, 0.5));
}

.floating-icons-background[data-v-f5e9efdd] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -2;
}
.floating-icon[data-v-f5e9efdd] {
  position: absolute;
  /* Animation uses inline animation-duration and animation-delay set per icon */
  animation: float2-f5e9efdd infinite ease-in-out both;
  animation-direction: alternate; /* trace path backward smoothly */
  pointer-events: none;
}

/* Tracer tail for each moving icon */
.floating-icon[data-v-f5e9efdd]::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  width: 3px;
  height: calc(var(--ampY, 30px) * 0.8); /* Tail length ~80% of vertical travel */
  background: linear-gradient(to bottom,
    rgba(139, 92, 246, calc(0.35 * var(--tail, 1))) 0%,
    rgba(139, 92, 246, calc(0.18 * var(--tail, 1))) 40%,
    rgba(139, 92, 246, 0.0) 100%);
  filter: blur(1px);
  pointer-events: none;
}
@keyframes float2-f5e9efdd {
0% {
    transform: translate(0px, 0px) rotate(0deg);
}
25% {
    transform: translate(calc(var(--ampX, 10px) * 0.5), calc(var(--ampY, 30px) * -0.3)) rotate(calc(var(--rot, 3deg) * 0.25));
}
50% {
    transform: translate(calc(var(--ampX, 10px) * -0.2), calc(var(--ampY, 30px) * -0.7)) rotate(calc(var(--rot, 3deg) * 0.5));
}
75% {
    transform: translate(calc(var(--ampX, 10px) * 0.8), calc(var(--ampY, 30px) * -0.9)) rotate(calc(var(--rot, 3deg) * 0.75));
}
100% {
    transform: translate(var(--ampX, 10px), calc(-1 * var(--ampY, 30px))) rotate(var(--rot, 3deg));
}
}

/* Opacity classes removed; opacity now set per icon inline to enable fine-grained variation */

.data-animation-container[data-v-bba5f38b] {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  background: linear-gradient(135deg, rgba(29, 18, 50, 0.95) 0%, rgba(48, 25, 52, 0.8) 50%, rgba(29, 18, 50, 0.95) 100%);
  border-radius: 16px;
  padding: 40px 20px;
  border: 1px solid rgba(168, 85, 247, 0.3);
  box-shadow: 0 12px 40px rgba(168, 85, 247, 0.2);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.data-animation-container[data-v-bba5f38b]:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 50px rgba(168, 85, 247, 0.3);
  border-color: rgba(168, 85, 247, 0.5);
}
.animation-stage[data-v-bba5f38b] {
  position: relative;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Times New Roman', serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.phase[data-v-bba5f38b] {
  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-bba5f38b] {
  opacity: 1;
  transform: translateY(0);
}
.letter[data-v-bba5f38b] {
  display: inline-block;
  color: rgb(242, 242, 242);
  text-shadow: 0 0 20px rgba(242, 242, 242, 0.5);
  margin: 0 0.05em;
  transition: all 0.4s ease;
}

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

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

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

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

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

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

/* Final phase styles */
.data-word[data-v-bba5f38b] {
  color: #2ed573;
  text-shadow: 0 0 30px rgba(46, 213, 115, 0.9);
  animation: dataSuccess-bba5f38b 0.8s ease-out;
  margin-right: 0.3em;
}
.cleaned-word[data-v-bba5f38b] {
  color: #1dd1a1;
  font-size: 2rem;
  text-shadow: 0 0 25px rgba(29, 209, 161, 0.8);
  animation: cleanedAppear-bba5f38b 0.8s ease-out 0.3s both;
}

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

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

/* Progress bar */
.progress-bar[data-v-bba5f38b] {
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  margin-top: 20px;
  overflow: hidden;
}
.progress-fill[data-v-bba5f38b] {
  height: 100%;
  background: linear-gradient(90deg, #ff4757, #a855f7, #2ed573);
  border-radius: 2px;
  transition: width 0.6s ease;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

/* Keyframe Animations */
@keyframes badCharacterPulse-bba5f38b {
0%, 100% { 
    transform: scale(1); 
    text-shadow: 0 0 25px rgba(255, 71, 87, 0.8);
}
50% { 
    transform: scale(1.1); 
    text-shadow: 0 0 40px rgba(255, 71, 87, 1), 0 0 60px rgba(255, 71, 87, 0.6);
}
}
@keyframes warningFlash-bba5f38b {
0%, 100% { 
    background: radial-gradient(circle, rgba(255, 71, 87, 0.3) 0%, transparent 70%);
}
50% { 
    background: radial-gradient(circle, rgba(255, 71, 87, 0.6) 0%, transparent 70%);
}
}
@keyframes warningBlink-bba5f38b {
0%, 100% { opacity: 0.8;
}
50% { opacity: 1;
}
}
@keyframes removeCharacter-bba5f38b {
0% { 
    opacity: 1; 
    transform: scale(1) rotate(0deg);
}
50% { 
    opacity: 0.3; 
    transform: scale(1.2) rotate(180deg);
    color: #ff6b6b;
}
100% { 
    opacity: 0; 
    transform: scale(0) rotate(360deg);
}
}
@keyframes particleExplosion-bba5f38b {
0% {
    opacity: 0;
    transform: scale(0);
}
30% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(2);
}
}
@keyframes cleanCheckmark-bba5f38b {
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-bba5f38b {
0%, 100% { opacity: 0.6; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.1);
}
}
@keyframes slideIntoPlace-bba5f38b {
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-bba5f38b {
0% { transform: scale(1);
}
50% { transform: scale(1.05); text-shadow: 0 0 40px rgba(46, 213, 115, 1);
}
100% { transform: scale(1);
}
}
@keyframes cleanedAppear-bba5f38b {
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-bba5f38b {
0% { left: -100%;
}
100% { left: 100%;
}
}
@keyframes particleFloat-bba5f38b {
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-bba5f38b] {
    font-size: 2rem;
    height: 100px;
}
.cleaned-word[data-v-bba5f38b] {
    font-size: 1.5rem;
}
.data-animation-container[data-v-bba5f38b] {
    padding: 30px 15px;
}
.warning-overlay[data-v-bba5f38b] {
    font-size: 0.6rem;
    padding: 3px 6px;
}
.clean-indicator[data-v-bba5f38b] {
    font-size: 2rem;
}
}
@media (max-width: 480px) {
.animation-stage[data-v-bba5f38b] {
    font-size: 1.5rem;
    height: 80px;
}
.cleaned-word[data-v-bba5f38b] {
    font-size: 1.2rem;
}
.clean-indicator[data-v-bba5f38b] {
    font-size: 1.5rem;
}
.warning-overlay[data-v-bba5f38b] {
    font-size: 0.5rem;
    padding: 2px 4px;
}
}

.animate-spin-slow[data-v-fcaf7b11] {
  animation: spin-slow-fcaf7b11 8s linear infinite;
}
@keyframes spin-slow-fcaf7b11 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :root {
    --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: 0;
    /* Sharp 90-degree angles - was 0.5rem */


    --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:
      linear-gradient(135deg, rgba(15, 8, 25, 0.8) 0%, rgba(23, 11, 27, 0.7) 50%, rgba(15, 8, 25, 0.8) 100%);
    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: linear-gradient(135deg, rgba(11, 6, 20, 0.54) 0%, rgba(17, 9, 22, 0.486) 50%, rgba(11, 6, 20, 0.54) 100%);
    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-6 {
  bottom: -1.5rem;
}
.-left-12 {
  left: -3rem;
}
.-right-12 {
  right: -3rem;
}
.-top-12 {
  top: -3rem;
}
.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-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;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.m-0 {
  margin: 0px;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.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-1 {
  margin-left: -0.25rem;
}
.-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-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-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.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-\[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-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-\[-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));
}
.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;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-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-2 {
  gap: 0.5rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.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-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-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-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.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-\[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(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20 {
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 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(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-400\/40 {
  border-color: rgb(96 165 250 / 0.4);
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/50 {
  border-color: rgb(59 130 246 / 0.5);
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-700\/50 {
  border-color: rgb(29 78 216 / 0.5);
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-cyan-400 {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-cyan-500\/20 {
  border-color: rgb(6 182 212 / 0.2);
}
.border-cyan-500\/30 {
  border-color: rgb(6 182 212 / 0.3);
}
.border-cyan-500\/50 {
  border-color: rgb(6 182 212 / 0.5);
}
.border-destructive {
  border-color: hsl(var(--destructive));
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-emerald-500\/20 {
  border-color: rgb(16 185 129 / 0.2);
}
.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-gray-700\/50 {
  border-color: rgb(55 65 81 / 0.5);
}
.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-500\/50 {
  border-color: rgb(34 197 94 / 0.5);
}
.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-indigo-400\/50 {
  border-color: rgb(129 140 248 / 0.5);
}
.border-indigo-500\/30 {
  border-color: rgb(99 102 241 / 0.3);
}
.border-indigo-500\/40 {
  border-color: rgb(99 102 241 / 0.4);
}
.border-indigo-500\/50 {
  border-color: rgb(99 102 241 / 0.5);
}
.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\/20 {
  border-color: rgb(249 115 22 / 0.2);
}
.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\/20 {
  border-color: rgb(236 72 153 / 0.2);
}
.border-pink-500\/30 {
  border-color: rgb(236 72 153 / 0.3);
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(200 104 115 / var(--tw-border-opacity, 1));
}
.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 102 / var(--tw-border-opacity, 1));
}
.border-purple-400\/30 {
  border-color: rgb(168 85 102 / 0.3);
}
.border-purple-400\/40 {
  border-color: rgb(168 85 102 / 0.4);
}
.border-purple-500\/10 {
  border-color: rgb(138 61 83 / 0.1);
}
.border-purple-500\/20 {
  border-color: rgb(138 61 83 / 0.2);
}
.border-purple-500\/30 {
  border-color: rgb(138 61 83 / 0.3);
}
.border-purple-500\/50 {
  border-color: rgb(138 61 83 / 0.5);
}
.border-purple-500\/60 {
  border-color: rgb(138 61 83 / 0.6);
}
.border-purple-700\/50 {
  border-color: rgb(69 67 115 / 0.5);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-red-700\/50 {
  border-color: rgb(185 28 28 / 0.5);
}
.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.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\/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-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(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/20 {
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-600\/10 {
  background-color: rgb(217 119 6 / 0.1);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-background\/50 {
  background-color: hsl(var(--background) / 0.5);
}
.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(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/30 {
  background-color: rgb(59 130 246 / 0.3);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-600\/15 {
  background-color: rgb(37 99 235 / 0.15);
}
.bg-blue-600\/90 {
  background-color: rgb(37 99 235 / 0.9);
}
.bg-blue-700\/90 {
  background-color: rgb(29 78 216 / 0.9);
}
.bg-blue-900\/20 {
  background-color: rgb(30 58 138 / 0.2);
}
.bg-blue-900\/30 {
  background-color: rgb(30 58 138 / 0.3);
}
.bg-blue-900\/50 {
  background-color: rgb(30 58 138 / 0.5);
}
.bg-blue-950\/50 {
  background-color: rgb(23 37 84 / 0.5);
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-cyan-500\/20 {
  background-color: rgb(6 182 212 / 0.2);
}
.bg-cyan-500\/30 {
  background-color: rgb(6 182 212 / 0.3);
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.bg-cyan-600\/90 {
  background-color: rgb(8 145 178 / 0.9);
}
.bg-cyan-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 51 68 / var(--tw-bg-opacity, 1));
}
.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-emerald-600\/90 {
  background-color: rgb(5 150 105 / 0.9);
}
.bg-foreground {
  background-color: hsl(var(--foreground));
}
.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-700\/30 {
  background-color: rgb(55 65 81 / 0.3);
}
.bg-gray-700\/50 {
  background-color: rgb(55 65 81 / 0.5);
}
.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-900\/40 {
  background-color: rgb(17 24 39 / 0.4);
}
.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-900\/60 {
  background-color: rgb(17 24 39 / 0.6);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-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-indigo-950\/50 {
  background-color: rgb(30 27 75 / 0.5);
}
.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-600\/90 {
  background-color: rgb(234 88 12 / 0.9);
}
.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 {
  background-color: hsl(var(--primary));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 209 216 / var(--tw-bg-opacity, 1));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 186 196 / var(--tw-bg-opacity, 1));
}
.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 104 115 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 236 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10 {
  background-color: rgb(138 61 83 / 0.1);
}
.bg-purple-500\/20 {
  background-color: rgb(138 61 83 / 0.2);
}
.bg-purple-500\/30 {
  background-color: rgb(138 61 83 / 0.3);
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 49 66 / var(--tw-bg-opacity, 1));
}
.bg-purple-600\/15 {
  background-color: rgb(109 49 66 / 0.15);
}
.bg-purple-600\/20 {
  background-color: rgb(109 49 66 / 0.2);
}
.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 67 115 / var(--tw-bg-opacity, 1));
}
.bg-purple-900\/20 {
  background-color: rgb(57 24 46 / 0.2);
}
.bg-purple-900\/30 {
  background-color: rgb(57 24 46 / 0.3);
}
.bg-purple-900\/50 {
  background-color: rgb(57 24 46 / 0.5);
}
.bg-purple-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 18 50 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-900\/20 {
  background-color: rgb(127 29 29 / 0.2);
}
.bg-red-900\/30 {
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-900\/50 {
  background-color: rgb(127 29 29 / 0.5);
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.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\/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-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: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600 {
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600\/10 {
  --tw-gradient-from: rgb(217 119 6 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 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(37 99 235 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 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-cyan-800\/30 {
  --tw-gradient-from: rgb(21 94 117 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 94 117 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-900\/40 {
  --tw-gradient-from: rgb(22 78 99 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 78 99 / 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-800\/50 {
  --tw-gradient-from: rgb(31 41 55 / 0.5) 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-gray-900\/80 {
  --tw-gradient-from: rgb(17 24 39 / 0.8) 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-600\/95 {
  --tw-gradient-from: rgb(22 163 74 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-800\/30 {
  --tw-gradient-from: rgb(22 101 52 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-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-green-900\/40 {
  --tw-gradient-from: rgb(20 83 45 / 0.4) 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-indigo-900\/40 {
  --tw-gradient-from: rgb(49 46 129 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 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: #a85566 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600 {
  --tw-gradient-from: #6d3142 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 49 66 / 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(109 49 66 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 49 66 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/95 {
  --tw-gradient-from: rgb(109 49 66 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 49 66 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900 {
  --tw-gradient-from: #39182e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(57 24 46 / 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(57 24 46 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(57 24 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/40 {
  --tw-gradient-from: rgb(57 24 46 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(57 24 46 / 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(57 24 46 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(57 24 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 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(96 165 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600\/10 {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900 {
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900\/40 {
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 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(109 49 66 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(109 49 66 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-900 {
  --tw-gradient-to: rgb(57 24 46 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #39182e 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: #fbbf24 var(--tw-gradient-to-position);
}
.to-background\/80 {
  --tw-gradient-to: hsl(var(--background) / 0.8) var(--tw-gradient-to-position);
}
.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.to-blue-800\/30 {
  --tw-gradient-to: rgb(30 64 175 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-900\/40 {
  --tw-gradient-to: rgb(30 58 138 / 0.4) 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-800\/30 {
  --tw-gradient-to: rgb(21 94 117 / 0.3) var(--tw-gradient-to-position);
}
.to-cyan-900 {
  --tw-gradient-to: #164e63 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-emerald-800\/30 {
  --tw-gradient-to: rgb(6 95 70 / 0.3) var(--tw-gradient-to-position);
}
.to-emerald-900\/40 {
  --tw-gradient-to: rgb(6 78 59 / 0.4) 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-700\/95 {
  --tw-gradient-to: rgb(21 128 61 / 0.95) 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-orange-800\/30 {
  --tw-gradient-to: rgb(154 52 18 / 0.3) 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-pink-800\/30 {
  --tw-gradient-to: rgb(157 23 77 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-900\/40 {
  --tw-gradient-to: rgb(131 24 67 / 0.4) var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #a85566 var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #8a3d53 var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(138 61 83 / 0.2) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #6d3142 var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #454373 var(--tw-gradient-to-position);
}
.to-purple-700\/95 {
  --tw-gradient-to: rgb(69 67 115 / 0.95) var(--tw-gradient-to-position);
}
.to-purple-800\/30 {
  --tw-gradient-to: rgb(68 41 76 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-900 {
  --tw-gradient-to: #39182e var(--tw-gradient-to-position);
}
.to-purple-900\/30 {
  --tw-gradient-to: rgb(57 24 46 / 0.3) var(--tw-gradient-to-position);
}
.to-purple-900\/40 {
  --tw-gradient-to: rgb(57 24 46 / 0.4) 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: #1d4ed8;
}
.stroke-green-500 {
  stroke: #22c55e;
}
.stroke-orange-500 {
  stroke: #f97316;
}
.stroke-red-500 {
  stroke: #ef4444;
}
.stroke-teal-600 {
  stroke: #0d9488;
}
.stroke-yellow-500 {
  stroke: #eab308;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.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-5 {
  padding: 1.25rem;
}
.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-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.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-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-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-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.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-12 {
  padding-top: 3rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.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;
}
.align-super {
  vertical-align: super;
}
.font-\[Lexend\] {
  font-family: Lexend;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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-\[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-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-400\/30 {
  color: rgb(251 191 36 / 0.3);
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / 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-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-400\/30 {
  color: rgb(96 165 250 / 0.3);
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.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 {
  color: hsl(var(--foreground));
}
.text-foreground\/50 {
  color: hsl(var(--foreground) / 0.5);
}
.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 {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(230 209 216 / var(--tw-text-opacity, 1));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(200 104 115 / var(--tw-text-opacity, 1));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(168 85 102 / var(--tw-text-opacity, 1));
}
.text-purple-400\/30 {
  color: rgb(168 85 102 / 0.3);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(138 61 83 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(109 49 66 / var(--tw-text-opacity, 1));
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(68 41 76 / var(--tw-text-opacity, 1));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(57 24 46 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.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-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(168 85 102 / 0.4);
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.accent-purple-600 {
  accent-color: #6d3142;
}
.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-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_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-\[inset_0_0_25px_25px_rgba\(42\2c 19\2c 70\2c 0\.9\)\] {
  --tw-shadow: inset 0 0 25px 25px rgba(42,19,70,0.9);
  --tw-shadow-colored: inset 0 0 25px 25px 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-blue-500\/20 {
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cyan-500\/20 {
  --tw-shadow-color: rgb(6 182 212 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/20 {
  --tw-shadow-color: rgb(34 197 94 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/30 {
  --tw-shadow-color: rgb(34 197 94 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/20 {
  --tw-shadow-color: rgb(138 61 83 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-500\/30 {
  --tw-shadow-color: rgb(138 61 83 / 0.3);
  --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: hsl(var(--background));
}
.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-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 - default for most elements */
.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 */
* {
  --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(200, 104, 115, 0.3);
}

/* Legacy static glow - kept for backwards compatibility */
.text-glow {
  text-shadow: 0 0 20px rgba(200, 104, 115, 0.375);
  filter: brightness(1.2);
  /* Brighten the title text by 20% */
}

/* 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(200, 104, 115, 0.113);
  /* 50% more transparent - from 0.225 to 0.113 */
  filter: brightness(1.06);
  /* 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(200, 104, 115, 0.09) 0%, rgba(180, 180, 180, 0.06) 30%, transparent 70%),
    /* 50% more transparent */
    radial-gradient(ellipse 12px 53px at 42% 100%, rgba(220, 120, 130, 0.075) 0%, rgba(200, 200, 200, 0.045) 40%, transparent 80%),
    /* Bigger and more transparent */
    radial-gradient(ellipse 8px 38px at 58% 100%, rgba(190, 90, 105, 0.105) 0%, rgba(170, 170, 170, 0.075) 25%, transparent 65%),
    /* 50% bigger */
    radial-gradient(ellipse 11px 48px at 78% 100%, rgba(210, 110, 125, 0.06) 0%, rgba(190, 190, 190, 0.09) 35%, transparent 75%),
    /* More swirly shape */
    radial-gradient(ellipse 7px 41px at 22% 100%, rgba(180, 95, 110, 0.08) 0%, rgba(160, 160, 160, 0.055) 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(180, 90, 100, 0.075) 0%, rgba(160, 160, 160, 0.06) 20%, transparent 60%),
    /* 50% more transparent */
    radial-gradient(ellipse 14px 57px at 48% 100%, rgba(200, 100, 115, 0.09) 0%, rgba(180, 180, 180, 0.075) 30%, transparent 70%),
    /* Bigger and more transparent */
    radial-gradient(ellipse 9px 39px at 72% 100%, rgba(190, 95, 110, 0.06) 0%, rgba(170, 170, 170, 0.045) 40%, transparent 80%),
    /* More swirly */
    radial-gradient(ellipse 5px 35px at 85% 100%, rgba(170, 85, 100, 0.07) 0%, rgba(150, 150, 150, 0.05) 32%, transparent 72%),
    /* Additional layer for swirls */
    radial-gradient(ellipse 10px 44px at 15% 100%, rgba(200, 105, 120, 0.08) 0%, rgba(180, 180, 180, 0.055) 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(200, 104, 115, 0.3);
    /* Reduced fallback glow to match 40% reduction */
    filter: brightness(1.15);
    /* Reduced brightness for consistency */
  }
}

/* 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 {
  color: rgb(240, 220, 255) !important;
  /* 10% lighter - was rgb(230, 200, 255) */
}

.text-purple-400 {
  color: rgb(235, 200, 255) !important;
  /* 10% lighter - was rgb(220, 180, 255) */
}

.text-purple-400-lighter {
  color: rgb(245, 220, 255) !important;
  /* 10% lighter - was rgb(235, 200, 255) */
}

.text-cyan-400 {
  color: rgb(165, 250, 255) !important;
  /* 10% lighter - was rgb(150, 245, 255) */
}

.text-red-400 {
  color: rgb(255, 165, 165) !important;
  /* 10% lighter - was rgb(255, 150, 150) */
}

/* 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: linear-gradient(45deg, #c86873, #a855a7, #9333ea);
  padding: 1px;
  border-radius: 0.5rem;
}

.gradient-border>* {
  background: #151515;
  /* 15% darker - was #1a1a1a */
  border-radius: 0.4rem;
}

.card-gradient {
  background: linear-gradient(135deg, rgba(10, 6, 17, 0.95) 0%, rgba(18, 9, 18, 0.63) 50%, rgba(10, 6, 17, 0.95) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(200, 104, 115, 0.2);
}

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

/* Apply blur to the entire background initially */
.hero-gradient-box::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(8px);
  pointer-events: none;
  z-index: -1;
}

.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 {
  background: linear-gradient(45deg, #c86873, #a855a7, #9333ea);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite alternate;
}

@keyframes pulse-glow {
  from {
    box-shadow: 0 0 20px rgba(200, 104, 115, 0.3);
  }

  to {
    box-shadow: 0 0 40px rgba(200, 104, 115, 0.6);
  }
}

/* Enhanced button gradients */
.btn-gradient-purple {
  background: linear-gradient(135deg, #c86873 0%, #a855a7 50%, #9333ea 100%);
  border: none;
  transition: all 0.3s ease;
}

.btn-gradient-purple:hover {
  background: linear-gradient(135deg, #a855a7 0%, #9333ea 50%, #7c3aed 100%);
  box-shadow: 0 8px 25px rgba(200, 104, 115, 0.4);
  transform: translateY(-2px);
}

/* Enhanced background gradients - 15% darker */
.hero-gradient {
  background: radial-gradient(ellipse at center, rgba(200, 104, 115, 0.15) 0%, transparent 70%),
    linear-gradient(135deg, #16102b 0%, #28162c 50%, #16102b 100%);
}

.feature-card-gradient {
  background: linear-gradient(135deg, rgba(25, 15, 42, 0.98) 0%, rgba(41, 21, 44, 0.68) 50%, rgba(25, 15, 42, 0.98) 100%);
  border: 1px solid rgba(200, 104, 115, 0.1);
  transition: all 0.3s ease;
}

.feature-card-gradient:hover {
  background: linear-gradient(135deg, rgba(25, 15, 42, 1.0) 0%, rgba(41, 21, 44, 0.85) 50%, rgba(25, 15, 42, 1.0) 100%);
  border: 1px solid rgba(200, 104, 115, 0.3);
  box-shadow: 0 10px 30px rgba(200, 104, 115, 0.2);
}

/* Animated gradient text */
.animated-gradient-text {
  background: linear-gradient(45deg, #c86873, #a855a7, #9333ea, #c86873);
  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: #ebb8de;
  /* 10% lighter - was #e4a8d8 */
}

.hover\:text-purple-bright:hover {
  color: #ebb8de;
  /* 10% lighter - was #e4a8d8 */
}

/* 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 --- */

/* ============================================
   GLOBAL BORDER-RADIUS OVERRIDE - 90-DEGREE ANGLES ONLY
   Applied last to override all other styles
   ============================================ */

/* Global override - FORCE 90-degree angles on everything */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* Override all Tailwind rounded classes */
[class*="rounded"] {
  border-radius: 0 !important;
}

/* Specific overrides for ALL rounded variants */
.rounded,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.rounded-full,
.rounded-t-sm, .rounded-t-md, .rounded-t-lg, .rounded-t-xl, .rounded-t-2xl,
.rounded-r-sm, .rounded-r-md, .rounded-r-lg, .rounded-r-xl, .rounded-r-2xl,
.rounded-b-sm, .rounded-b-md, .rounded-b-lg, .rounded-b-xl, .rounded-b-2xl,
.rounded-l-sm, .rounded-l-md, .rounded-l-lg, .rounded-l-xl, .rounded-l-2xl,
.rounded-tl-sm, .rounded-tl-md, .rounded-tl-lg,
.rounded-tr-sm, .rounded-tr-md, .rounded-tr-lg,
.rounded-bl-sm, .rounded-bl-md, .rounded-bl-lg,
.rounded-br-sm, .rounded-br-md, .rounded-br-lg {
  border-radius: 0 !important;
}

/* Keep sharp-45 classes with their clip-path functionality */
.sharp-45,
.sharp-45-lg,
.sharp-45-tr,
.sharp-45-bl,
.sharp-diagonal {
  border-radius: 0 !important;
}

/* Override UI component library defaults */
button, input, textarea, select, .btn, .card, .modal, .dialog, .dropdown, .tooltip,
.popover, .sheet, .drawer, .toast, .alert, .badge, .avatar, .progress, .slider,
.tabs, .accordion, .collapsible, .separator, .checkbox, .radio, .switch {
  border-radius: 0 !important;
}
.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 {
  color: hsl(var(--foreground));
}
.placeholder\:text-gray-200::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-200::placeholder {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / 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(251 191 36 / 0.4);
}
.hover\:border-amber-400\/50:hover {
  border-color: rgb(251 191 36 / 0.5);
}
.hover\:border-amber-400\/60:hover {
  border-color: rgb(251 191 36 / 0.6);
}
.hover\:border-blue-400\/40:hover {
  border-color: rgb(96 165 250 / 0.4);
}
.hover\:border-blue-400\/50:hover {
  border-color: rgb(96 165 250 / 0.5);
}
.hover\:border-blue-400\/60:hover {
  border-color: rgb(96 165 250 / 0.6);
}
.hover\:border-cyan-400\/60:hover {
  border-color: rgb(34 211 238 / 0.6);
}
.hover\:border-cyan-400\/70:hover {
  border-color: rgb(34 211 238 / 0.7);
}
.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-green-400\/70:hover {
  border-color: rgb(74 222 128 / 0.7);
}
.hover\:border-indigo-400\/70:hover {
  border-color: rgb(129 140 248 / 0.7);
}
.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(168 85 102 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-400\/40:hover {
  border-color: rgb(168 85 102 / 0.4);
}
.hover\:border-purple-400\/50:hover {
  border-color: rgb(168 85 102 / 0.5);
}
.hover\:border-purple-400\/60:hover {
  border-color: rgb(168 85 102 / 0.6);
}
.hover\:border-purple-400\/70:hover {
  border-color: rgb(168 85 102 / 0.7);
}
.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(138 61 83 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-500\/20:hover {
  border-color: rgb(138 61 83 / 0.2);
}
.hover\:border-purple-500\/40:hover {
  border-color: rgb(138 61 83 / 0.4);
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / 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-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / 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-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600\/50:hover {
  background-color: rgb(75 85 99 / 0.5);
}
.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-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 209 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 102 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 236 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(138 61 83 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-500\/10:hover {
  background-color: rgb(138 61 83 / 0.1);
}
.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 49 66 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 67 115 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-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: hsl(var(--secondary) / 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\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.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: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-500:hover {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.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: #c86873 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 104 115 / 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: #8a3d53 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 61 83 / 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: #93c5fd var(--tw-gradient-to-position);
}
.hover\:to-blue-500:hover {
  --tw-gradient-to: #3b82f6 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: #8a3d53 var(--tw-gradient-to-position);
}
.hover\:to-purple-600:hover {
  --tw-gradient-to: #6d3142 var(--tw-gradient-to-position);
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-cyan-300:hover {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / 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(200 104 115 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(109 49 66 / 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(200 104 115 / 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-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-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(245 158 11 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-blue-500\/20:hover {
  --tw-shadow-color: rgb(59 130 246 / 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\/10:hover {
  --tw-shadow-color: rgb(138 61 83 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-purple-500\/25:hover {
  --tw-shadow-color: rgb(138 61 83 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-purple-500\/60:hover {
  --tw-shadow-color: rgb(138 61 83 / 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-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(138 61 83 / 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-300\/20:focus {
  --tw-ring-color: rgb(147 197 253 / 0.2);
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-400\/30:focus {
  --tw-ring-color: rgb(129 140 248 / 0.3);
}
.focus\:ring-purple-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 102 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(138 61 83 / var(--tw-ring-opacity, 1));
}
.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(109 49 66 / 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: hsl(var(--background));
}
.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: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\:bg-green-500\/30 {
  background-color: rgb(34 197 94 / 0.3);
}
.group:hover .group-hover\:bg-purple-500\/30 {
  background-color: rgb(138 61 83 / 0.3);
}
.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(138 61 83 / 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(168 85 102 / 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.toaster .group-\[\.toaster\]\:border-border {
  border-color: hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-muted {
  background-color: hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary {
  background-color: hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background {
  background-color: hsl(var(--background));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground {
  color: hsl(var(--foreground));
}
.group.toaster .group-\[\.toaster\]\: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);
}
.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] {
  background-color: hsl(var(--primary));
}
.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"] {
  background-color: hsl(var(--secondary));
}
.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] {
  color: hsl(var(--primary-foreground));
}
.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] {
  background-color: hsl(var(--primary));
}
.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] {
  color: hsl(var(--primary-foreground));
}
.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] {
  background-color: hsl(var(--primary));
}
.data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected] {
  color: hsl(var(--primary-foreground));
}
.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(30 64 175 / 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(120 53 15 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138 / 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(57 24 46 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-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(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-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(217 186 196 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(200 104 115 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(168 85 102 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 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\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .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\:w-full {
    width: 100%;
  }

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

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

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

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

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

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

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

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .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-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:shadow-\[inset_0_0_35px_35px_rgba\(42\2c 19\2c 70\2c 0\.9\)\] {
    --tw-shadow: inset 0 0 35px 35px rgba(42,19,70,0.9);
    --tw-shadow-colored: inset 0 0 35px 35px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .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\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .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\:p-7 {
    padding: 1.75rem;
  }

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

  .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 {
  color: hsl(var(--foreground));
}
.\[\&\>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;
}