#chartFunction3Dialog .material-kl8-shape .traditional-kl8-draw {
  width: 430px;
  min-width: 430px;
  padding-right: 3px;
  padding-left: 3px;
}

#chartFunction3Dialog .material-kl8-shape .kl8-shape-draw-grid,
#chartFunction3Dialog .material-kl8-shape .kl8-shape-draw-grid > .chart3-draw-zone {
  width: 100%;
  justify-content: space-between;
  gap: 1px;
}

#chartFunction3Dialog .material-kl8-shape .chart3-draw-number--primary {
  background: #ce303a !important;
  color: #fff !important;
}

#chartFunction3Dialog .material-kl8-shape tbody td.traditional-miss {
  color: #d7dcda !important;
  font-weight: 400 !important;
}

#chartFunction3Dialog .material-kl8-shape .chart3-draw-number.is-relation-consecutive,
#chartFunction3Dialog .material-kl8-shape td.traditional-hit.is-relation-consecutive {
  border-color: #f1e6ff !important;
  background: #7c3aed !important;
  color: #fff !important;
}

#chartFunction3Dialog .material-kl8-shape .chart3-draw-number.is-relation-diagonal,
#chartFunction3Dialog .material-kl8-shape td.traditional-hit.is-relation-diagonal {
  border-color: #fff2d9 !important;
  background: #df7415 !important;
  color: #fff !important;
}

#chartFunction3Dialog .material-kl8-shape .chart3-draw-number.is-relation-drop,
#chartFunction3Dialog .material-kl8-shape td.traditional-hit.is-relation-drop {
  border-color: #d9fff0 !important;
  background: #13865b !important;
  color: #fff !important;
}

#chartFunction3Dialog .material-kl8-shape .traditional-kl8-draw .chart3-draw-number.is-shape-metric-hit {
  border-color: #d9fff0 !important;
  background: #13865b !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 0 0 2px rgba(19, 134, 91, 0.28), 0 1px 3px rgba(0, 0, 0, 0.24) !important;
}