atomic-color-facet[field="cat_color"]::part(value-Black) {
  background-color: #222222;
}

atomic-color-facet[field="cat_color"]::part(value-White) {
  background-color: white;
  border: 1px solid var(--atomic-neutral);
}

atomic-color-facet[field="cat_color"]::part(value-Stainless) {
  background-image: linear-gradient(315deg, #d3d3d3 0%, #57606f 74%);
}

atomic-color-facet[field="cat_color"]::part(value-Silver) {
  background-image: linear-gradient(315deg, #d3d3d3 0%, silver 74%);
  border: 1px solid var(--atomic-neutral);
}

atomic-color-facet[field="cat_color"]::part(value-Gray) {
  background-color: gray;
  border: 1px solid var(--atomic-neutral);
}

atomic-color-facet[field="cat_color"]::part(value-Blue) {
  background-color: rgb(73, 73, 255);
}

atomic-color-facet[field="cat_color"]::part(value-Red) {
  background-color: rgb(228, 20, 20);
}

atomic-color-facet[field="cat_color"]::part(value-Green) {
  background-color: rgb(37, 112, 31);
}

atomic-color-facet[field="cat_color"]::part(value-Brown) {
  background-color: rgb(83, 62, 31);
}

atomic-color-facet[field="cat_color"]::part(value-Matte) {
  background-color: rgb(31, 30, 29);
}

atomic-color-facet[field="cat_color"]::part(value-Multi) {
  background-image: linear-gradient(
    315deg,
    #b43a3a 0%,
    #fffb71 16%,
    rgba(137, 255, 126) 33%,
    #2de9e1 50%,
    #5f6cdb 66%,
    #d79fdb 83%,
    #ff6464 100%
  );
  border: 1px solid var(--atomic-neutral);
}

atomic-query-summary {
  margin-bottom: var(--atomic-layout-spacing-y);
}
