bb-event-groups-facet {

  .event-groups-facet {
    @include facet-spacing;
    @include column-flex-container;

    ul {
      margin: 0;
    }

    &__header {
      @include facet-header;
    }

    .loader-event-group-new {
      position: relative;
    }

    &__container {
      @media (min-width: $screen-sm-min) {
        min-width: 368px;
        max-width: 919px;
      }

      overflow-y: auto;

      padding-bottom: 20px;
    }

    &__filter {
      @media (min-width: $screen-sm-min) {
        width: 368px;
      }
      margin-bottom: spacing(20);
    }

    &__cavaet {

    }

    &__filter-input {
      @include text-input;
    }

    &__list {
      border: {
        left: 1px solid $bb-studio-light-gray;
        top: 1px solid $bb-studio-light-gray;
        right: 1px solid $bb-studio-light-gray;
      }
      border-radius: 3px;
    }

    &__event-group {
      border-bottom: 1px solid $bb-studio-light-gray;

      &--selected {
        border: 2px solid $studio-cyan-blue;
      }
    }
  }
}