@property --myColor1 {
  syntax: '<color>';
  initial-value: #243b55;
  inherits: false;
}

@property --myColor2 {
  syntax: '<color>';
  initial-value: #141e30;
  inherits: false;
}

.g0 {
  --myColor1: #012459;
  --myColor2: #001322;
}
.g1 {
  --myColor1: #003972;
  --myColor2: #001322;
}
.g2 {
  --myColor1: #003972;
  --myColor2: #001322;
}
.g3 {
  --myColor1: #004372;
  --myColor2: #00182b;
}
.g4 {
  --myColor1: #004372;
  --myColor2: #011d34;
}
.g5 {
  --myColor1: #016792;
  --myColor2: #00182b;
}
.g6 {
  --myColor1: #07729f;
  --myColor2: #042c47;
}
.g7 {
  --myColor1: #12a1c0;
  --myColor2: #07506e;
}
.g8 {
  --myColor1: #74d4cc;
  --myColor2: #1386a6;
}
.g9 {
  --myColor1: #efeebc;
  --myColor2: #61d0cf;
}
.g10 {
  --myColor1: #fee154;
  --myColor2: #a3dec6;
}
.g11 {
  --myColor1: #fdc352;
  --myColor2: #e8ed92;
}
.g12 {
  --myColor1: #ffac6f;
  --myColor2: #ffe467;
}
.g13 {
  --myColor1: #fda65a;
  --myColor2: #ffe467;
}
.g14 {
  --myColor1: #fd9e58;
  --myColor2: #ffe467;
}
.g15 {
  --myColor1: #f18448;
  --myColor2: #ffd364;
}
.g16 {
  --myColor1: #f06b7e;
  --myColor2: #f9a856;
}
.g17 {
  --myColor1: #ca5a92;
  --myColor2: #f4896b;
}
.g18 {
  --myColor1: #5b2c83;
  --myColor2: #d1628b;
}
.g19 {
  --myColor1: #371a79;
  --myColor2: #713684;
}
.g20 {
  --myColor1: #28166b;
  --myColor2: #45217c;
}
.g21 {
  --myColor1: #192861;
  --myColor2: #372074;
}
.g22 {
  --myColor1: #040b3c;
  --myColor2: #233072;
}
.g23 {
  --myColor1: #040b3c;
  --myColor2: #012459;
}