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

 .tooltip::before {
     content: attr(data-tooltip);
     position: absolute;
     top: -0.5rem;
     left: 50%;
     transform: translateX(-50%) translateY(-100%);
     padding: 0.5rem;
     background-color: #333;
     color: white;
     border-radius: 0.25rem;
     opacity: 0;
     transition: opacity 0.2s;
     white-space: nowrap;
     pointer-events: none;
     z-index: 10;
 }
.tooltip:hover::before {
    opacity: 1;
}