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

.blink .fi-badge {
    animation: 1s blinkAnimation infinite;
}

@keyframes blinkAnimation {
    50% {
      opacity: 0.7;
    }
}

body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f100;
}

body::-webkit-scrollbar-thumb {
    background: rgb(175, 192, 177);
    border-radius: 15px;
}

body::-webkit-scrollbar-thumb:hover {
    background: rgb(175, 192, 177);
}
.fi-sidebar-nav::-webkit-scrollbar {
    width: 5px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: #f1f1f100;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgb(175, 192, 177);
    border-radius: 15px;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgb(175, 192, 177);
}