fleet/frontend/components/side_panels/PackDetailsSidePanel/_styles.scss

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

  &__description {
    color: $text-medium;
    font-size: 14px;
    word-wrap: break-word;
  }

  &__section-label {
    border-bottom: 1px solid $accent-light;
    color: $text-dark;
    font-size: 16px;
    font-weight: $bold;
    letter-spacing: -0.5px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  &__edit-pack-link {
    display: block;
  }

  &__pack-icon {
    color: $text-light;
    margin-right: 11px;
  }

  &__pack-name {
    @include ellipsis(250px);
    color: $text-dark;
    font-size: 18px;
    font-weight: $bold;
    letter-spacing: -0.5px;
  }

  &__query-icon {
    color: $text-light;
    font-size: 16px;
    margin-right: 15px;
  }

  &__queries-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  &__query-name {
    @include ellipsis(240px);
    font-size: 14px;
    vertical-align: middle;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
}