/* UI Kit Styles - Import this file in your project */

/* Tailwind CSS Directives - Requires Tailwind to be loaded */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Theme Switcher Styles */
.theme-switcher {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 50;
}

/* Material Icons Styles */
.material-icons {
  vertical-align: middle;
}

/* Material Symbols Outlined Styles */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
}

/* Custom Radio Button Styles */
.custom-radio:checked {
  border-color: #A855F7;
  background-color: #A855F7;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuA06e6QDN5tpLGhzFvyXtpCD2gKAPYmxUwkcjsx1WU1ZMvzuGQ_AAyIl69S4ZG0bZO7Bf3WiWflDOvtcrBadJsnVP-r6Vjq9xaNpEirkRX6j2SgjN6nZ0qlYBCt6shAajl-jCtso28jwvgmDukhye8fYR4egM4XFJC7psytRoMnFJrzWmO0gvXNOVcTiNUtJYhLdbI70joT1w5bGLStrjUSoYHW9xY6cNO7E18mwRIzf19F1C_89lZeJsgcl4435UGddZ8YxgCOJPI)
}
.custom-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  print-color-adjust: exact
}

/* Component-specific styles can be added here as needed */


span.game-status {
    font-size: 11px;
    color: #7ce771;
}