:host {
  @apply block;
}

.goods-in-search-filter-content {
  @apply relative mx-auto;
  max-width: 916px;
}

.btn-close {
  @apply absolute text-cool-grey top-3 right-4 outline-none border-none bg-transparent;
}

.goods-in-search-filter-content-main {
  @apply px-4;
  h1.title {
    @apply text-center text-3xl font-bold py-4;
  }
}

::ng-deep ui-filter-input-options .input-options {
  max-height: calc(100vh - 555px);
}

.cta-wrapper {
  @apply fixed bottom-8 whitespace-nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.cta-reset-filter,
.cta-apply-filter {
  @apply text-lg font-bold px-6 py-3 rounded-full border-solid border-2 border-brand outline-none mx-2;

  &:disabled {
    @apply bg-inactive-branch cursor-not-allowed border-none  text-white;
  }
}

.cta-reset-filter {
  @apply bg-white text-brand;
}

.cta-apply-filter {
  @apply text-white bg-brand;
}
