/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *



 */
emoji-picker {
  --emoji-size: 1.5rem;
  --num-columns: 8;
  --border-color: #e5e7eb;
  --background-color: white;
  --button-active-background-color: #e5e7eb;
  --category-button-color: #6b7280;
  --category-button-active-color: #3b82f6;
  --input-border-color: #e5e7eb;
  --input-font-color: #374151;
  --input-border-radius: 0.375rem;
  --input-placeholder-color: #9ca3af;
  --outline-color: #3b82f6;
  --skintone-border-radius: 0.375rem;
  --category-font-color: #374151;
  --indicator-color: #3b82f6;
}

.dark emoji-picker {
  --border-color: #4b5563;
  --background-color: #1f2937;
  --button-active-background-color: #374151;
  --category-button-color: #9ca3af;
  --category-button-active-color: #3b82f6;
  --input-border-color: #4b5563;
  --input-font-color: #e5e7eb;
  --input-placeholder-color: #6b7280;
  --category-font-color: #e5e7eb;
}