.gradient-green {
  background: linear-gradient(to right, #8be2d6, #0ec5c7);
}

.gradient-orange {
  background: linear-gradient(to right, #ffc78f, #ff9e5d);
}

.gradient-red {
  background: linear-gradient(to right, #f7bfa7, #fe9595);
}

.gradient-blue {
  background: linear-gradient(to right, #9bbeff, #508cff);
}

.gradient-purple {
  background: linear-gradient(to right, #d9b9fd, #d592f7);
}

.gradient-cyan {
  background: linear-gradient(to right, #a9eaba, #80ceaa);
}

.solid-colour {
  color: #000;
  background: linear-gradient(to right, #f0f8ff, #f0f8ff);
}

.g-mb-16 {
  margin-bottom: 16px !important;
}

.g-wb_tl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  line-height: 1;

  & > label {
    flex: 1;
    padding: 0 10px;
    color: #000;
    font-size: var(--title-default-size, 16px);
    position: relative;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;

    &:before {
      content: '';
      position: absolute;
      left: 0;
      display: block;
      width: 4px;
      height: 100%;
      background-color: var(--clr-main);
      border-radius: 4px;
      margin-right: 6px;
    }
  }

  i {
    display: flex;
    font-size: var(--desc-default-size, 12px);
    font-style: normal;
    align-items: center;
    height: 16px;
    color: #999;

    img {
      width: 12px;
      height: 12px;
    }

    // load-file {
    //   width: var(--desc-default-size, 12px);
    //   height: var(--desc-default-size, 12px);
    //   // width: 12px;
    //   // height: 12px;
    //   // margin-left: 5px;
    // }
  }
}

.highcharts-credits {
  display: none;
}

// load-file {
//   &::part(svg) {
//     width: 100%;
//     height: 100%;
//   }
//   &::part(path) {
//     fill: #999;
//   }
// }