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

@layer base {
  input[type='range'] {
    @apply appearance-none bg-gray-600 h-2 rounded-lg;
  }

  input[type='range']::-webkit-slider-thumb {
    @apply appearance-none w-4 h-4 rounded-full bg-indigo-500 cursor-pointer;
  }

  input[type='range']::-moz-range-thumb {
    @apply w-4 h-4 rounded-full bg-indigo-500 cursor-pointer border-none;
  }
}