.query-details-side-panel {
  padding: 20px;

  h1 {
    @include ellipsis(250px);
    margin: 0;
    font-size: $small;

    .fleeticon {
      color: $core-fleet-blue;
      margin-right: 6px;
    }
  }

  &__label {
    font-size: $x-small;
    font-weight: $bold;
    margin: $pad-large 0 $pad-small;
  }

  &__description {
    font-size: $x-small;
    font-weight: $regular;
    color: $core-fleet-black;
    word-wrap: break-word;
    margin: $pad-small 0;
  }

  &__query-preview {
    margin-bottom: 12px;

    .fleet-ace__label {
      display: none;
    }
  }

  .button {
    width: 100%;
    margin-top: $pad-medium;
  }

  &__packs {
    margin-bottom: $pad-large;
    padding: 0;
    list-style: none;
  }

  &__pack-name {
    @include ellipsis(240px);
    text-decoration: none;
    font-size: $x-small;
    vertical-align: middle;
    color: $core-vibrant-blue;
  }
}
