:root {
  --chart-diagonal-highlight: #ffd400;
  --chart-diagonal-highlight-border: #7a5a00;
  --chart-diagonal-highlight-text: #171a16;
}

#chartFunction3Dialog .chart3-ball.is-relation-diagonal:not(.is-relation-drop):not(.is-repeat-number),
#chartFunction3Dialog .chart3-draw-number.is-relation-diagonal:not(.is-relation-drop),
#chartFunction3Dialog .chart3-open-digit.is-relation-diagonal:not(.is-relation-drop):not(.is-repeat),
#chartFunction3Dialog .chart3-indicator-ball.is-relation-diagonal:not(.is-relation-drop),
#chartFunction3Dialog .material-kl8-shape td.traditional-hit.is-relation-diagonal:not(.is-relation-drop),
#chartFunction3Dialog .material-transition-matrix .is-diagonal:not(.is-drop),
#chartFunction3Dialog .material-span-table tbody tr > .span-relation-cell:nth-child(4).traditional-hit,
#chartFunction3Dialog .material-symmetry-table tbody tr > td:nth-child(5).traditional-hit {
  border-color: var(--chart-diagonal-highlight-border) !important;
  background: var(--chart-diagonal-highlight) !important;
  color: var(--chart-diagonal-highlight-text) !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 0 0 2px rgba(255, 212, 0, 0.42) !important;
}
