{
  "version": 3,
  "sources": ["src/app/features/blog/components/blog-search/blog-search.component.css"],
  "sourcesContent": [".blog-search {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-input);\n  padding: var(--space-3) var(--space-4);\n  transition: border-color var(--transition-fast);\n  max-width: none;\n  width: 100%;\n}\n\n.blog-search:focus-within {\n  border-color: var(--color-brand-secondary);\n}\n\n.blog-search__icon {\n  flex-shrink: 0;\n  color: var(--color-text-secondary);\n}\n\n.blog-search__input {\n  flex: 1;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  background: transparent;\n  border: none;\n  outline: none;\n  min-width: 0;\n}\n\n.blog-search__input::placeholder {\n  color: var(--color-text-secondary);\n}\n\n/* Remove default search input styling */\n.blog-search__input::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n}\n\n@media (max-width: 640px) {\n  .blog-search {\n    max-width: 100%;\n  }\n}\n"],
  "mappings": ";AAAA,CAAA;AACE,WAAA;AACA,eAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,cAAA,aAAA,IAAA;AACA,aAAA;AACA,SAAA;AACF;AAEA,CAbA,WAaA;AACE,gBAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA;AACA,SAAA,IAAA;AACF;AAEA,CAAA;AACE,QAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA;AACA,UAAA;AACA,WAAA;AACA,aAAA;AACF;AAEA,CAXA,kBAWA;AACE,SAAA,IAAA;AACF;AAGA,CAhBA,kBAgBA;AACE,sBAAA;AACF;AAEA,QAAA,WAAA;AACE,GA3CF;AA4CI,eAAA;AACF;AACF;",
  "names": []
}