:host {
  @apply block box-border;
}

.options {
  @apply flex flex-row box-border text-center justify-center mt-4;
}

.items {
  min-height: 440px;

  .item-actions {
    @apply text-right;

    .cta-select-all {
      @apply text-brand bg-transparent text-base font-bold outline-none border-none px-4 py-4 -mr-4;

      &:disabled {
        @apply text-inactive-branch;
      }
    }
  }

  .item-list {
    @apply overflow-y-scroll overflow-x-hidden -ml-4;
    max-height: calc(100vh - 580px);
    width: calc(100% + 2rem);

    page-purchasing-options-list-item {
      @apply px-4;
    }
  }

  .empty-message {
    @apply text-inactive-branch my-8 text-center font-bold;
  }
}

.actions {
  @apply flex justify-center mt-8;

  .cta-apply {
    @apply text-white border-2 border-solid border-brand bg-brand font-bold text-lg px-4 py-2 rounded-full;

    &:disabled {
      @apply bg-inactive-branch border-inactive-branch;
    }
  }
}
