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

@layer base {
    [x-cloak] {
        display: none !important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-style: normal !important;
    }
}

@layer utilities {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .gig-scrollbar::-webkit-scrollbar {
        width: 14px;
    }
    .gig-scrollbar::-webkit-scrollbar-track {
        background: #202228;
        border: none;
        border-radius: 0;
    }
    .gig-scrollbar::-webkit-scrollbar-thumb {
        background: #db2777;
        border: none;
        border-radius: 0;
    }
    .gig-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #ec4899;
    }
    .gig-scrollbar::-webkit-scrollbar-thumb:active {
        background: #be185d;
    }
    .gig-scrollbar {
        scrollbar-width: auto;
        scrollbar-color: #db2777 #202228;
    }
}