@import "../../../../../styles/base/color.scss";
@import "../../../../../styles/base/typography.scss";

.date-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0;
  position: sticky;
  top: -10px;
  padding: 4px 8px;
  z-index: 999;
  transition: opacity 0.3s ease;
  width: fit-content;
  left: 220px;

  .impact_badges_only_label_stroke {
    border: 1px solid $disabledSecondaryBorder;
    background: linear-gradient(
        90deg,
        $offWhiteColor 6%,
        rgba($offWhiteColor, 0) 120%
      ),
      $whiteColor;
  }

  .date-text,
  .MuiChip-label {
    color: $color-text-secondary !important;
    font-size: $smallFontSize !important;
    font-weight: $normalFontWeight !important;
    padding: 4px 12px;
  }
}
