:host {
  @apply block relative;
}

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

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

.divider {
  height: 2px;
}

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

.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;

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

::ng-deep .desktop page-goods-out-search-results ui-scroll-container {
  .scrollbar-gap::-webkit-scrollbar-track {
    margin-bottom: 7.25rem;
  }
}
