.event-sidebar {
  padding-top: 24px;

  &__container {
    max-width: 208px;
  }

  &__header {
    margin-bottom: 16px;
    margin-left: 15px;

    font: var(--default-header-font);
    font-size: 19px;
    font-weight: 400;
    color: var(--color-gray-222);
    letter-spacing: 0.24px;
  }

  .main-filter {
    display: flex;
    width: 100%;
    height: 40px;
    color: var(--theme-hack-color, rgb(0 0 0 / 80%)) !important;

    &__icon {
      width: 18px;
      height: 18px;
    }

    &__icon-cmf {
      display: inline-flex;
    }

    &__text {
      display: inline-block;
      margin-left: 7px;
      font: var(--default-text-font);
      color: var(--color-gray-222);
    }
  }

  .filter-active {
    background-color: var(--theme-hack-bg-color, #f6f8f9);

    .main-filter__text {
      color: #0052cc;
    }
  }
}