.select-filter-option-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;

  app-select-filter-option {
    flex: 1 1 auto;
  }

  ui-checkbox {
    @apply font-semibold text-black opacity-100;

    label {
      @apply pl-px-10 cursor-pointer;
    }
  }
}

.checked {
  @apply font-bold;
}

.expand-button {
  ui-icon {
    color: #596470;
  }

  transition: all 150ms ease-in-out;
  padding: 0px;

  &.expanded {
    padding-bottom: 18px;
    padding-top: 20px;
    transform: rotate(180deg);
  }
}

ui-select-filter-option {
  display: none;

  &.expanded {
    display: block;
  }
}
