// See COPYRIGHT.md for copyright information

#ixv .dialog.chart {
  .default-font();

  .chart-container {
    position: relative;
    width: 100%;
  }

  .other-aspects {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    box-sizing: border-box;

    .other-aspect {
      display: inline-block;
      padding: 5px 10px;
      margin: 10px;

      &.selected,
      &.addable {
        cursor: pointer;
      }

      &.addable {
        color: var(--colour-primary);

        &:hover {
          color: var(--colour-primary)-focus;
          text-decoration: underline;
        }
      }

      &.selected {
        background-color: var(--colour-button-primary-bg);
        border-radius: 0.4rem;
        border: 0.1rem solid var(--colour-button-primary-border);

        /* border: solid 1px #399; */
        color: var(--colour-bg);
      }
    }
  }
}