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

@layer utilities {
    .range-thumb-custom::-webkit-slider-thumb {
        @apply appearance-none w-4 h-4 bg-primary rounded-full cursor-pointer hover:ring-4 hover:ring-primary/30 transition-shadow;
    }
    .range-thumb-custom::-moz-range-thumb {
        @apply appearance-none w-4 h-4 bg-primary rounded-full cursor-pointer hover:ring-4 hover:ring-primary/30 transition-shadow;
    }
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    @apply bg-background-dark;
}
::-webkit-scrollbar-thumb {
    @apply bg-surface-dark rounded-full hover:bg-primary/50;
}