#charts {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 0;
  padding: var(--main-padding);

  header {
    flex-shrink: 0;
    display: flex;

    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-bottom: -1rem;
    padding-left: var(--main-padding);
    margin-left: var(--negative-main-padding);
    padding-right: var(--main-padding);
    margin-right: var(--negative-main-padding);

    & > * {
      flex: 1;
    }
  }

  .chart {
    flex: 1;

    .lightweight-chart {
      margin-left: var(--negative-main-padding);

      fieldset {
        padding-left: var(--main-padding);
        padding-top: 0.5rem;
        z-index: 10;
        position: absolute;
        left: 0;
        top: 0;
        gap: 0;
      }
    }
  }
}