<commit_before>$stackedModalFontSize: 12px;

.modalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cbd3d7;
  margin-bottom: 10px;

  /**
   * 1. Move the header up so it's not hidden behind the top-most modal.
   */
  .is-modal-next-in-stack & {
    margin-top: 7px; /* 1 */
    border-bottom: 0;

    .modalHeader__title {
      font-size: $stackedModalFontSize;
    }

    .modalHeader__closeButton {
      display: none;
    }
  }

  /**
   * 1. Modals buried in the stack should just appear as blank modals.
   */
  .is-modal-buried-in-stack & {
    visibility: hidden;
  }
}

  /**
  * 1. Align icon with title text.
  */
  .modalHeader__icon {
    display: inline-flex;
    vertical-align: bottom; /* 1 */
    opacity: 0.75;
    margin-right: 5px;
  }

  .modalHeader__closeTopModalLabel {
    display: none;
    position: relative;
    top: 0;
    right: 0;
    font-size: $stackedModalFontSize;

    .is-modal-next-in-stack.is-modal-hovered & {
      display: block;
    }
  }

  .modalHeader__closeButton {
    $closeButtonSide: 20px;
    position: relative;
    width: $closeButtonSide;
    height: $closeButtonSide;
    border: 1px solid #bbced6;
    background-image: linear-gradient(#e9f0f2, #e2ebee);
    border-radius: 2px;
    color: #517582;
    cursor: pointer;

    &:before,
    &:after {
      $closeButtonLine_width: 1px;
      $closeButtonLine_height: 10px;<commit_msg>[BT-434]: Improve ModalHeader scss and make stacked modal header text semi-transparent.<commit_after>$stackedModalFontSize: 12px;

.modalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cbd3d7;
  margin-bottom: 10px;
  color: #526770;

  .is-modal-stacked & {
    color: rgba(#526770, 0.8);
  }

  /**
   * 1. Move the header up so it's not hidden behind the top-most modal.
   */
  .is-modal-next-in-stack & {
    margin-top: 7px; /* 1 */
    border-bottom: 0;

    .modalHeader__title {
      font-size: $stackedModalFontSize;
    }

    .modalHeader__closeButton {
      display: none;
    }
  }

  .is-modal-next-in-stack.is-modal-hovered & {
    .modalHeader__closeTopModalLabel {
      display: block;
    }
  }

  /**
   * 1. Modals buried in the stack should just appear as blank modals.
   */
  .is-modal-buried-in-stack & {
    visibility: hidden;
  }
}

  /**
  * 1. Align icon with title text.
  */
  .modalHeader__icon {
    display: inline-flex;
    vertical-align: bottom; /* 1 */
    opacity: 0.75;
    margin-right: 5px;
  }

  .modalHeader__closeTopModalLabel {
    display: none;
    position: relative;
    top: 0;
    right: 0;
    font-size: $stackedModalFontSize;
  }

  .modalHeader__closeButton {
    $closeButtonSide: 20px;
    position: relative;
    width: $closeButtonSide;
    height: $closeButtonSide;
    border: 1px solid #bbced6;
    background-image: linear-gradient(#e9f0f2, #e2ebee);
    border-radius: 2px;
    color: #517582;
    cursor: pointer;

    &:before,
    &:after {
      $closeButtonLine_width: 1px;
      $closeButtonLine_height: 10px;
{'fraction_non_alphanumeric': 0.12535167239762426, 'fraction_numerical': 0.03344795248515161, 'mean_word_length': 2.6117381489841986, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3510999', 'n_tokens_mistral': 1245, 'n_tokens_neox': 1135, 'n_words': 254}