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

@layer base {
    /*custom tooltip*/
    .custom-tooltip {
        position: relative;
        text-align: left;
    }

    .tooltip-content {
        position: absolute;
        max-width: 420px;
        background: #000;
        color: #fff;
        padding: 10px;
        border-radius: 8px;
        display: none;
        text-align: center;
        font-size: 12px;
        word-wrap: break-word;
        z-index: 9999;
    }
}