@testqueryparkui/qp-es-ui/src/_components/SearchBar/components/PillBox/index.module.css

Query Park UI Components for React

.PillBox {
  display: flex;
  justify-content: flex-end;
}

/* Canadian Provinces, LTR, loosely by football team colors */
.AB {
  color: #000;
  background-color: #E57373;
}
.BC {
  color: #000;
  background-color: #FFB74D;
}
.SK {
  color: #000;
  background-color: #81C784;
}
.MB {
  color: #fff;
  background-color: #7986CB;
}

/* Well Direction */
.HZ {
  color: #fff;
  background-color: #03A9F4;
}
.VT {
  color: #fff;
  background-color: #00BCD4;
}
.DIR {
  color: #000;
  background-color: #FFEB3B;
}
.SLT {
  color: #000;
  background-color: #FFC107;
}

/* Latest Well? */
.Latest {
  color: #000;
  background-color: #8BC34A;
}
.Historical {
  color: #000;
  background-color: #FF5722;
}