.vtx-device-analysis-dot {
  width: 6px;
  height: 6px;
  background: var(--green-color);
  border-radius: 50%;
  &.error {
    background: var(--red-color);
  }
}

.vtx-device-analysis-tabs {
  display: flex;
  gap: 16px;
  color: var(--modal-title-color);
  font-size: 14px;
  &-item {
    cursor: pointer;
    &.active {
      color: var(--blue-color);
    }
  }
}

.vtx-device-alarm-summary {
  width: 368px;
  height: 104px;
  padding: 20px;
  margin-bottom: 20px;
  color: var(--modal-title-color);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  cursor: pointer;
  background-image: url("../../imgs/current.png");
  background-size: 100% 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  &-lable {
    font-size: 16px;
    font-weight: 600;
  }
  &-value {
    font-weight: 600;
    font-size: 24px;
    color: var(--red-color);
  }
  &.dark {
    background-image: url("../../imgs/current_dark.png");
    &:last-child {
      background-image: url("../../imgs/history_dark.png");
    }
  }
  &.active {
    border:1px solid var(--red-color);
  }
  &:last-child {
    margin-bottom: 0;
    background-image: url("../../imgs/history.png");
    .vtx-device-alarm-summary-value {
      color: var(--yellow-color);
    }
    &.active {
      border:1px solid var(--yellow-color);
    }
  }
}
