body {
  background: $gray-50;
}

.breadcrumbs-bg {
  background-color: $white;
  border-bottom: 1px solid $gray-100;
  z-index: 10;
  box-shadow: 0 0 0.5rem $shadow;
}

.breadcrumbs {
  background-color: transparent;

  span,
  span > a {
    color: $gray-600;
  }
}

@include media-breakpoint-down(xs) {
  .breadcrumbs, .breadcrumbs-bg {
    background: linear-gradient(135deg, $gray-75 0%, $gray-150 99%);
  }
}

.overview {
  background: linear-gradient(to bottom right, $gray-75 50%, $gray-150 100%);
  border-bottom: solid 0.0625rem $gray-100;

  .subtext {
    color: $gray-600;
  }

  .title {
    color: $black;
  }
}
