.whats-new-drawer {
  margin-top: $header-height;
  @include gl-shadow-none;
  overflow-y: hidden;

  .gl-infinite-scroll-legend {
    @include gl-display-none;
  }
}

.with-performance-bar .whats-new-drawer {
  margin-top: calc(#{$performance-bar-height} + #{$header-height});
}

.gl-badge.whats-new-item-badge {
  background-color: $purple-light;
  color: $purple;
  @include gl-font-weight-bold;
}

.whats-new-item-title-link {
  &:hover,
  &:focus,
  &:active {
    @include gl-text-gray-900;
  }
}

.whats-new-item-image {
  border-color: $gray-50;
}

.whats-new-modal-backdrop {
  z-index: 9;
}

.whats-new-notification-count {
  @include gl-bg-gray-900;
  @include gl-font-sm;
  @include gl-line-height-normal;
  @include gl-text-white;
  @include gl-vertical-align-top;
  border-radius: 20px;
  padding: 3px 10px;
}
