:host {
  @apply flex gap-3 py-4 flex-row box-content relative;
  background-color: var(--shell-breadcrumb-background);
}

.link-back {
  @apply flex-grow-0 grid grid-flow-col flex-row items-center gap-2 font-bold text-active-customer absolute left-0 no-underline;
}

.breadcrumb-wrapper {
  margin-left: 100px;
  margin-right: 100px;
  @apply justify-center;

  &::-webkit-scrollbar {
    height: 0;
  }

  @apply flex-grow grid grid-flow-col flex-row items-center gap-2 overflow-x-scroll;
}

.link-breadcrumb {
  @apply whitespace-nowrap text-active-customer grid grid-flow-col flex-row items-center gap-2;

  &.active {
    @apply font-bold;
  }

  a {
    @apply no-underline text-active-customer;
  }
}
