Styling nodes using grass file not working as intended

I am trying to style my Knowledge graph with the .grass file that i exported previously, but then when i drag and drop the .grass file into neo4j browser, the nodes are not colored as per what I've assigned in the .grass file. Is this a bug in neo4j browser or am i missing anything. Please assist.

style.grass file

node {
  diameter: 50px;
  color: #A5ABB6;
  border-color: #9AA1AC;
  border-width: 2px;
  text-color-internal: #FFFFFF;
  font-size: 10px;
}
relationship {
  color: #A5ABB6;
  shaft-width: 1px;
  font-size: 8px;
  padding: 3px;
  text-color-external: #000000;
  text-color-internal: #FFFFFF;
  caption: "<type>";
}
node.Title {
  color: #C990C0;
  border-color: #b261a5;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
}
node.Checklist {
  color: #C990C0;
  border-color: #b261a5;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
  caption: "{name}";
}

node.Executive_Summary {
  color: #F79767;
  border-color: #f36924;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
  caption: "{name}";
}
node.Missing Data {
  color: #FFC454;
  border-color: #eb2728;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
}
node.Additional Data {
  color: #4C8EDA;
  border-color: #2870c2;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
}
node.Wrong Data {
  color: #F16667;
  border-color: #d7a013;
  text-color-internal: #2A2C34;
  defaultCaption: "<id>";
}
node.Report Data {
  color: #569480;
  border-color: #447666;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
}

intended node colors

1.png

actual node colors

2.png

Neo4j Browser version: 5.0.0

Neo4j Server version: 5.2.0 (community)

Build number: 205

Build date: 10/4/2022