@import url('../../../style/list-entry.scss');
@import url('../../../style/hide-scrollbar.scss');

.chart-select-group {
  display: flex;
  width: fit-content;
  margin: auto;
}

:host /deep/ mat-button-toggle {
  color: #666666;
  background: #e7e7e7;

  :hover {
    background: #afafaf;
  }

  &.mat-button-toggle-checked {
    background: #ffffff;
  }

  label.mat-button-toggle-label {
    margin: 2px 0;
  }

  div.mat-button-toggle-label-content {
    line-height: 25px;
    margin-bottom: 0;
    font-weight: normal;
  }
}

.chart-container {
  width: 95%;
  margin: 2%;
  min-width: 900px;
  height: 50vh;
  padding: 15px;
  float: left;
}

@media all and (max-width: 959px) {
  .chart-container {
    width: 150%;
    min-width: 0;
    height: 70vh
  }

  .chart-select-group {
    background: #dadada;
    max-width: fit-content;
    width: 200%;
    flex-wrap: wrap;
  }
}