globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}


.scrollbar-hide {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}

* {
  scrollbar-width: thin;
  scrollbar-color: transparent;
}

@keyframes blink {
  0% { border-right-color: green; }
  49% { border-right-color: green; }
  50% { border-right-color: transparent; }
  100% { border-right-color: transparent; }
}

.blinking-cursor {
  border-right: 2px solid green;
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  0% {
    border-right-color: green;
  }
  49% {
    border-right-color: green;
  }
  50% {
    border-right-color: transparent;
  }
  100% {
    border-right-color: transparent;
  }
}

.blinking-cursor {
  border-right: 2px solid green;
  animation: blink 1s step-start infinite;
}


:root.light-blue {
  --background: #cce7e8; 
  --foreground: #1f2d3d; 
  --secondary: #a8d5d8; 
  --input-bg: #dfeff1; 
  --button-bg: #6ea4c9; 
  --button-text: #f4f9f9; 
}

.light-blue .bg-background {
  background-color: var(--background);
}

.light-blue .text-foreground {
  color: var(--foreground);
}

.light-blue .bg-secondary {
  background-color: var(--secondary);
}

.light-blue input {
  background-color: var(--input-bg);
  color: var(--foreground);
}

.light-blue button {
  background-color: var(--button-bg);
  color: var(--button-text);
}

.invisible-scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.invisible-scrollbar {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}


.scrollbar-hide {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}

.question-description a {
  color: #3b82f6; 
  text-decoration: underline;
}