$filter-width: 106px;

.container {
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 16px;

  app-breadcrumbs {
    flex-grow: 1;
    margin-left: $filter-width;

    ::ng-deep app-back-arrow {
      margin-right: $filter-width;
      margin-left: -$filter-width;

      & ~ .breadcrumb-container {
        margin-left: 0;
      }
    }

    &:only-child {
      margin-left: 0;

      ::ng-deep app-back-arrow {
        margin-right: 0;
        margin-left: 0;
      }
    }
  }
}
