:host {
  @apply block bg-white h-split-screen-tablet desktop-small:h-split-screen-desktop;
}

.show-filter {
  @apply block;
}

.catalog-search-filter-content {
  @apply relative mx-auto p-4;
}

.catalog-search-filter-content-main {
  h1.title {
    @apply text-center;
  }
}

.cta-wrapper {
  @apply text-center whitespace-nowrap absolute bottom-8 left-1/2 -translate-x-1/2;
}

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

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

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

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

::ng-deep page-article-search-filter shared-filter shared-filter-input-group-main {
  @apply desktop-large:hidden px-16;
}
