#chartFunction3Dialog.is-dlt-trend-material .chart3-material-toolbar {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

#chartFunction3Dialog.is-dlt-trend-material .chart3-material-controls {
  flex: 0 0 auto;
  width: auto;
  overflow: visible;
}

#chartFunction3Dialog.is-dlt-trend-material .chart3-material-controls .material-controls-note {
  display: none;
}

#chartFunction3Dialog.is-dlt-trend-material .chart3-table-scroll {
  overflow: hidden;
}

#chartFunction3Dialog .material-dlt-trend-shell {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

#chartFunction3Dialog .material-dlt-table-area,
#chartFunction3Dialog .material-dlt-table-area .material-table-scroll {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

#chartFunction3Dialog .material-dlt-table-area .material-table-scroll {
  border: 1px solid #5d6864;
  background: #f7f8f7;
}

#chartFunction3Dialog .material-dlt-trend {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fbfcfb;
  color: #153b51;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 8px;
}

#chartFunction3Dialog .material-dlt-trend col.material-dlt-col-index {
  width: 36px;
}

#chartFunction3Dialog .material-dlt-trend col.material-dlt-col-period {
  width: 72px;
}

#chartFunction3Dialog .material-dlt-trend col.material-dlt-col-draw {
  width: 27px;
}

#chartFunction3Dialog .material-dlt-trend col.material-dlt-col-relation {
  width: calc((100% - 297px) / 45);
}

#chartFunction3Dialog .material-dlt-trend col.material-dlt-col-metric {
  width: calc((100% - 297px) / 45);
}

#chartFunction3Dialog .material-dlt-trend[data-lotto-trend-game="ssq"] col.material-dlt-col-relation,
#chartFunction3Dialog .material-dlt-trend[data-lotto-trend-game="ssq"] col.material-dlt-col-metric {
  width: calc((100% - 297px) / 47);
}

#chartFunction3Dialog .material-dlt-trend[data-lotto-trend-game="ssq"] tr > * {
  border-right-width: 1px !important;
  border-left-width: 1px !important;
}

#chartFunction3Dialog .material-dlt-trend[data-lotto-trend-game="ssq"] tr > .dlt-group-start {
  border-left-width: 3px !important;
}

#chartFunction3Dialog .material-dlt-trend[data-lotto-trend-game="ssq"] tr > .dlt-group-end {
  border-right-width: 3px !important;
}

#chartFunction3Dialog .material-dlt-trend th,
#chartFunction3Dialog .material-dlt-trend td {
  box-sizing: border-box;
  width: auto !important;
  height: 29px;
  min-width: 0 !important;
  border: 1px solid #9cc6e9;
  background: #fbfcfb;
  color: #173e54;
  padding: 0 1px;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}

#chartFunction3Dialog .material-dlt-trend tbody th,
#chartFunction3Dialog .material-dlt-trend tbody td {
  height: 24px;
}

#chartFunction3Dialog .material-dlt-trend thead th {
  height: 29px;
  background: #f2f4f3;
  color: #172d37;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

#chartFunction3Dialog .material-dlt-trend thead .material-dlt-zone-title {
  height: 29px;
  font-size: 13px;
}

#chartFunction3Dialog .material-dlt-trend thead .material-dlt-zone-title.is-back-zone {
  font-size: 10px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) th {
  font-size: 12px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) th.dlt-group-consecutive,
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) th.dlt-group-nonconsecutive {
  font-size: 15px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) > th:first-child {
  font-size: 10px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) > th:nth-child(2) {
  font-size: 9px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) th {
  font-size: 11px;
}

#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) th.material-dlt-long-header {
  font-size: 9px;
}

#chartFunction3Dialog .material-dlt-trend thead .is-front-zone {
  background: #fff7cf !important;
  color: #8e1d2a !important;
}

#chartFunction3Dialog .material-dlt-trend thead .is-back-zone {
  background: #e5f1fb !important;
  color: #075f9f !important;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-index,
#chartFunction3Dialog .material-dlt-trend .traditional-period {
  position: static;
  background: #eef1ef !important;
  color: #263c45 !important;
  font-weight: 800;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-index {
  width: 36px !important;
  min-width: 36px !important;
}

#chartFunction3Dialog .material-dlt-trend .traditional-period {
  width: 72px !important;
  min-width: 72px !important;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-draw {
  width: 27px !important;
  min-width: 27px !important;
  background: #dce3df !important;
  padding: 0;
}

#chartFunction3Dialog .material-dlt-trend .chart3-draw-number {
  width: 20px;
  min-width: 20px;
  height: 20px;
  font-family: Consolas, monospace;
  font-size: 11px;
  font-weight: 900;
}

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

#chartFunction3Dialog .material-dlt-trend .chart3-draw-number--secondary {
  background: #287bc1 !important;
  color: #fff !important;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.is-front-zone {
  color: #df252f !important;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.is-back-zone {
  color: #0871dc !important;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-consecutive { background: #fff6cf !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-nonconsecutive { background: #f8e3dc !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-size-parity { background: #e4f0e5 !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-span { background: #e3eef8 !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-relation { background: #eee5f4 !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-shape { background: #f7ead8 !important; }
#chartFunction3Dialog .material-dlt-trend .dlt-group-back-shape { background: #e3ecf8 !important; }

#chartFunction3Dialog .material-dlt-trend .dlt-group-start {
  border-left: 3px solid #178fce !important;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-end {
  border-right: 3px solid #178fce !important;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.traditional-hit {
  font-weight: 800;
  cursor: pointer;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric {
  cursor: pointer;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-count-value {
  display: inline-flex;
  box-sizing: border-box;
  width: 18px;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px var(--dlt-count-border), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(25, 48, 58, 0.18);
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-consecutive .material-dlt-count-value {
  --dlt-count-border: #087147;
  background: #15935c;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-nonconsecutive .material-dlt-count-value {
  --dlt-count-border: #a82330;
  background: #dc3f4b;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-size-parity .material-dlt-count-value {
  --dlt-count-border: #08736d;
  background: #13968c;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-span .material-dlt-count-value {
  --dlt-count-border: #855600;
  background: #c48600;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-relation .material-dlt-count-value {
  --dlt-count-border: #65408f;
  background: #865ab4;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-shape .material-dlt-count-value {
  --dlt-count-border: #a84b13;
  background: #d86724;
}

#chartFunction3Dialog .material-dlt-trend .dlt-group-back-shape .material-dlt-count-value {
  --dlt-count-border: #155f98;
  background: #287bc1;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.is-dlt-cell-selected {
  position: relative;
  z-index: 2;
  background: #ffe45c !important;
  color: #7b1020 !important;
  font-weight: 900;
  box-shadow: inset 0 0 0 3px #cf1833, inset 0 0 0 5px #fff !important;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.is-dlt-cell-selected .material-dlt-count-value {
  filter: saturate(1.3) brightness(1.08);
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #78101f, 0 0 5px rgba(207, 24, 51, 0.95) !important;
}

#chartFunction3Dialog .material-dlt-trend .chart3-draw-number.is-dlt-draw-linked {
  border-color: #ffe45c !important;
  background: #13965f !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(255, 212, 59, 0.8) !important;
  transform: scale(1.08);
}

#chartFunction3Dialog .material-dlt-trend .chart3-draw-number.is-dlt-draw-linked-drop-history {
  border-color: var(--dlt-drop-period-border, #6f175f) !important;
  background: var(--dlt-drop-period-color, #a93a94) !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(255, 212, 59, 0.8) !important;
  transform: scale(1.08);
}

#chartFunction3Dialog .material-dlt-trend .chart3-draw-number.is-dlt-draw-muted {
  opacity: 0.28;
  filter: grayscale(0.75);
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-hit-balls {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
  overflow: hidden;
  vertical-align: middle;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-hit-ball {
  display: inline-flex;
  box-sizing: border-box;
  width: 17px;
  min-width: 17px;
  height: 17px;
  align-items: center;
  justify-content: center;
  border: 1px solid #1f7a3d;
  border-radius: 50%;
  background: #59c875 !important;
  color: #111 !important;
  font-family: Consolas, monospace;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-hit-ball.is-dlt-hit-red {
  border-color: #a71f2b;
  background: #ed5a63 !important;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-hit-ball.is-dlt-hit-blue {
  border-color: #1266a6;
  background: #4f9fdf !important;
}

#chartFunction3Dialog .material-dlt-trend .material-dlt-hit-ball:only-child {
  margin-inline: auto;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.traditional-miss {
  color: #c4ccca !important;
  font-weight: 500;
}

#chartFunction3Dialog .material-dlt-trend tbody .material-dlt-metric.is-back-zone.traditional-miss {
  color: #c8d5e2 !important;
}

#chartFunction3Dialog .material-dlt-trend tbody tr.chart3-decade-row > * {
  border-bottom: 2px solid #63746f;
}

#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(7),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(9),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(15),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(21),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(27),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(37),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(39),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(41),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(54),
#chartFunction3Dialog .material-dlt-trend thead tr:first-child > :nth-child(3),
#chartFunction3Dialog .material-dlt-trend thead tr:first-child > :nth-child(4),
#chartFunction3Dialog .material-dlt-trend thead tr:first-child > :nth-child(5),
#chartFunction3Dialog .material-dlt-trend thead tr:first-child > :nth-child(6),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) > :not(:last-child),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(5),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(7),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(13),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(19),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(25),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(35),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(37),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(39),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(52),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(2),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(8),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(14),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(20),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(30),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(32),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(34),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(47) {
  border-right: 3px solid #129cf3 !important;
}

#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(8),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(10),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(16),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(22),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(28),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(38),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(40),
#chartFunction3Dialog .material-dlt-trend tbody tr > :nth-child(42),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(6),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(8),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(14),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(20),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(26),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(36),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(38),
#chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) > :nth-child(40),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(3),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(9),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(15),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(21),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(31),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(33),
#chartFunction3Dialog .material-dlt-trend tfoot tr > :nth-child(35) {
  border-left: 3px solid #129cf3 !important;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > th,
#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td {
  position: static;
  height: 25px;
  background: #f4f5f4 !important;
  color: #173e54 !important;
  font-family: "Arial Narrow", Arial, "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > th {
  font-size: 12px;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td.material-dlt-stat-value--medium {
  font-size: 9px;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td.material-dlt-stat-value--long {
  font-size: 8px;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row.is-maximum > * {
  background: #9fdcf1 !important;
  color: #144459 !important;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row.is-actual > * {
  background: #d9eee0 !important;
  color: #174b2e !important;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row.is-average > * {
  background: #eff4f5 !important;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row.is-consecutive > * {
  background: #a8ddf0 !important;
}

#chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row.is-deviation > * {
  background: #fff5c9 !important;
}

#chartFunction3Dialog .material-dlt-trend .chart-table-crosshair-row {
  background-image: linear-gradient(rgba(255, 215, 0, 0.34), rgba(255, 215, 0, 0.34)) !important;
}

#chartFunction3Dialog .material-dlt-trend .chart-table-crosshair-column {
  background-image: linear-gradient(rgba(0, 153, 255, 0.3), rgba(0, 153, 255, 0.3)) !important;
}

#chartFunction3Dialog .material-dlt-trend .chart-table-crosshair-cell {
  outline: 2px solid #ff9d00;
  box-shadow: inset 0 0 0 2px #1ba7ff !important;
}

@media (max-width: 720px) {
  #chartFunction3Dialog .material-dlt-trend {
    font-size: 5px;
  }

  #chartFunction3Dialog .material-dlt-trend th,
  #chartFunction3Dialog .material-dlt-trend td {
    padding: 0;
  }

  #chartFunction3Dialog .material-dlt-trend thead th,
  #chartFunction3Dialog .material-dlt-trend thead tr:nth-child(2) th,
  #chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) th,
  #chartFunction3Dialog .material-dlt-trend thead tr:nth-child(3) th.material-dlt-long-header {
    font-size: 6px;
  }

  #chartFunction3Dialog .material-dlt-trend thead .material-dlt-zone-title {
    font-size: 8px;
  }

  #chartFunction3Dialog .material-dlt-trend .material-dlt-hit-ball {
    width: 12px;
    min-width: 12px;
    height: 12px;
    font-size: 5px;
  }

  #chartFunction3Dialog .material-dlt-trend .chart3-draw-number { font-size: 7px; }

  #chartFunction3Dialog .material-dlt-trend .material-dlt-count-value {
    width: 12px;
    min-width: 12px;
    height: 12px;
    font-size: 9px;
  }

  #chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > th,
  #chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td,
  #chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td.material-dlt-stat-value--medium,
  #chartFunction3Dialog .material-dlt-trend tfoot .material-dlt-stat-row > td.material-dlt-stat-value--long {
    font-size: 6px;
  }
}