:host {
  @apply block relative;
}

.header {
  @apply text-right;

  .preview-headline {
    @apply text-center;
    margin-bottom: -16px;

    .preview-title {
      @apply text-2xl font-bold m-0;
    }

    .preview-paragraph {
      @apply text-2xl m-0 mt-1;
    }
  }

  .hits {
    @apply text-active-branch mb-3 font-semibold text-base;
  }
}

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

.divider {
  @apply h-px-2;
}

.actions {
  @apply fixed bottom-28 inline-grid grid-flow-col gap-7;
  left: 50%;
  transform: translateX(-50%);

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

    &: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;
  }
}

shared-goods-in-out-order-group-item {
  @apply cursor-pointer;
}

::ng-deep page-goods-in-remission-preview ui-scroll-container .cta-scroll {
  bottom: 35px !important;
}

::ng-deep .desktop page-goods-in-remission-preview ui-scroll-container {
  .scrollbar-gap::-webkit-scrollbar-track {
    margin-bottom: 7.25rem;
  }
}
