:host {
  @apply box-border grid h-split-screen-tablet desktop-small:h-split-screen-desktop;
  grid-template-rows: auto 1fr;
}

.page-pickup-shelf-out-list__filter:active {
  @apply bg-[#596470] text-white;
}

.empty-message {
  @apply bg-white text-center font-semibold text-inactive-customer py-10 rounded;
}

page-pickup-shelf-list-item {
  @apply cursor-pointer;
}

.actions {
  @apply flex sticky bottom-12 items-center justify-center;
}

.cta-action {
  @apply border-2 border-solid border-brand rounded-full py-4 px-6 font-bold text-lg outline-none self-end whitespace-nowrap;
}

.cta-action:disabled {
  @apply bg-inactive-branch border-inactive-branch text-white;
}

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

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