<commit_before>@include headerGradientStyle('.podcast-page-header');

.podcast-page-header {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 16px 0;

  &.hide-above-tablet-min-width {
    margin: -4px -16px 0 -16px;
  }

  .top-wrapper {
    align-items: center;
    display: flex;
    flex: 1;

    .pv-image {
      border-radius: $item-border-radius;
      margin-right: 24px;
    }

    .text-wrapper {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      padding-right: 16px;

      .podcast-title {
        font-size: $text-huge;
        font-weight: $font-weight-light;
      }

      .sub-labels {
        align-self: flex-start;
        font-size: $text-lg;
        margin-top: 4px;
      }

      .header-sub-buttons {
        margin: 14px 0 0 0;

        a,
        button {
          margin: 0 18px 0 0;
        }
      }
    }
  }

  .bottom-wrapper {
    margin-top: 16px;
  }

  .mobile-header-sub-buttons {
    margin: 12px 0 0 0;

    a,
    button {
      margin: 0 20px 0 0;
    }
  }
}

@media (max-width: $media-max-width-tablet-xl) {
  .podcast-page-header {
    .top-wrapper {
      .pv-image {
        height: $img-large !important;
        margin-right: 16px;
        width: $img-large !important;
      }

      .text-wrapper {
        .podcast-title {
          font-size: $text-xxxl;
          font-weight: $font-weight-light;
        }
      }
    }

    .bottom-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      &.hide-above-laptop-min-width {
        margin-top: 14px;
      }

      .sub-labels {
        align-self: center;
        font-size: $text-md;
        line-height: 18px;
      }

      button {
        margin-left: 8px;
      }
    }

    .mobile-header-sub-buttons {
      margin: 10px 0 0 0;
    }
  }
}

@media (max-width: $media-max-width-tablet) {
  .podcast-page-header {
    .mobile-header-sub-buttons {
      margin: 6px 0 0 0;
    }
  }
}

@media (hover: hover) {
  .podcast-page-header {
    [href] {
      &:hover {
        @include themeGen() {
          color: getThemeVal('textSecondary');
        }
      }
    }
  }
}
<commit_msg>Update PodcastPageHeader.scss<commit_after>@include headerGradientStyle('.podcast-page-header');

.podcast-page-header {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 16px 0;

  &.hide-above-tablet-min-width {
    margin: -4px -16px 0 -16px;
  }

  .top-wrapper {
    align-items: center;
    display: flex;
    flex: 1;

    .pv-image {
      border-radius: $item-border-radius;
      margin-right: 24px;
    }

    .text-wrapper {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      padding-right: 16px;
      
      .podcast-title {
        font-size: $text-huge;
        font-weight: $font-weight-light;
        @include line-clamp(2);
      }

      .sub-labels {
        align-self: flex-start;
        font-size: $text-lg;
        margin-top: 4px;
      }

      .header-sub-buttons {
        margin: 14px 0 0 0;

        a,
        button {
          margin: 0 18px 0 0;
        }
      }
    }
  }

  .bottom-wrapper {
    margin-top: 16px;
  }

  .mobile-header-sub-buttons {
    margin: 12px 0 0 0;

    a,
    button {
      margin: 0 20px 0 0;
    }
  }
}

@media (max-width: $media-max-width-tablet-xl) {
  .podcast-page-header {
    .top-wrapper {
      .pv-image {
        height: $img-large !important;
        margin-right: 16px;
        width: $img-large !important;
      }

      .text-wrapper {
        .podcast-title {
          font-size: $text-xxxl;
          font-weight: $font-weight-light;
        }
      }
    }

    .bottom-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      &.hide-above-laptop-min-width {
        margin-top: 14px;
      }

      .sub-labels {
        align-self: center;
        font-size: $text-md;
        line-height: 18px;
      }

      button {
        margin-left: 8px;
      }
    }

    .mobile-header-sub-buttons {
      margin: 10px 0 0 0;
    }
  }
}

@media (max-width: $media-max-width-tablet) {
  .podcast-page-header {
    .mobile-header-sub-buttons {
      margin: 6px 0 0 0;
    }
  }
}

@media (hover: hover) {
  .podcast-page-header {
    [href] {
      &:hover {
        @include themeGen() {
          color: getThemeVal('textSecondary');
        }
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.13808463251670378, 'fraction_numerical': 0.024721603563474387, 'mean_word_length': 1.5604332953249715, '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': '3830650', 'n_tokens_mistral': 1738, 'n_tokens_neox': 1596, 'n_words': 299}