.root {
    /* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
    font-size: 14px;
  }

.label[data-hovered] {
  background-color: var(--mantine-color-gray-0);
}
/* Add the light and dark logic using classes, for example */
.label[data-hovered].light {
  background-color: var(--mantine-color-gray-0);
}
.label[data-hovered].dark {
  background-color: var(--mantine-color-dark-6);
  color: var(--mantine-color-white);
}

.label[data-selected] {
  font-weight: 700;
}
.label[data-selected].light {
  background-color: var(--mantine-color-blue-0);
  color: var(--mantine-color-black);
}
.label[data-selected].dark {
  background-color: rgba(var(--mantine-color-blue-8), 0.35);
  color: var(--mantine-color-blue-0);
}
