.g-md-yfm-table-cell-bg-palette {
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 0;
}
.g-md-yfm-table-cell-bg-palette__item {
  display: flex;
  justify-content: center;
  align-items: center;
  font: inherit;
  cursor: pointer;
  color: inherit;
  border: 0;
  border-radius: var(--g-border-radius-m);
  background: transparent;
  appearance: none;
}
.g-md-yfm-table-cell-bg-palette__item:hover {
  background: var(--g-color-base-generic);
}
.g-md-yfm-table-cell-bg-palette__item:focus {
  outline: none;
}
.g-md-yfm-table-cell-bg-palette__item:focus-visible {
  outline: 1px solid var(--g-color-line-focus);
  outline-offset: -1px;
}
.g-md-yfm-table-cell-bg-palette__swatch {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  border: 1px solid var(--g-color-line-generic);
  border-radius: var(--g-border-radius-xs);
  background-color: transparent;
}
.g-md-yfm-table-cell-bg-palette__swatch_color_grey {
  border-color: var(--g-color-base-generic);
  background-color: var(--g-color-base-generic);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_yellow-light {
  border-color: var(--g-color-base-warning-light);
  background-color: var(--g-color-base-warning-light);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_yellow {
  border-color: var(--g-color-base-warning-medium);
  background-color: var(--g-color-base-warning-medium);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_red-light {
  border-color: var(--g-color-base-danger-light);
  background-color: var(--g-color-base-danger-light);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_red {
  border-color: var(--g-color-base-danger-medium);
  background-color: var(--g-color-base-danger-medium);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_purple-light {
  border-color: var(--g-color-base-utility-light);
  background-color: var(--g-color-base-utility-light);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_purple {
  border-color: var(--g-color-base-utility-medium);
  background-color: var(--g-color-base-utility-medium);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_blue-light {
  border-color: var(--g-color-base-info-light);
  background-color: var(--g-color-base-info-light);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_blue {
  border-color: var(--g-color-base-info-medium);
  background-color: var(--g-color-base-info-medium);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_green-light {
  border-color: var(--g-color-base-positive-light);
  background-color: var(--g-color-base-positive-light);
}
.g-md-yfm-table-cell-bg-palette__swatch_color_green {
  border-color: var(--g-color-base-positive-medium);
  background-color: var(--g-color-base-positive-medium);
}
.g-md-yfm-table-cell-bg-palette__swatch_none {
  background-color: transparent;
}
.g-md-yfm-table-cell-bg-palette__check {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--g-color-text-primary);
}