react-search-bar-ks/src/index.css

A modern, animated voice-enabled search component built with React, TypeScript, and Framer Motion.

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

/* Base styles */
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

/* Search bar specific styles */
.search-container {
  background: rgba(255, 255, 255, 0.98);
  border-radius: 12px;
}

/* Fix autofill background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
}