/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/dashboard-banner/assets/sass/dashboard-banner.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.dashboard-banner {
  position: relative;
  display: flex;
}
@media all and (min-width: 768px) {
  .dashboard-banner {
    min-height: 540px;
  }
}
.dashboard-banner__inner {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  align-self: center;
}
.dashboard-banner__text {
  max-width: 490px;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .dashboard-banner__text {
    font-size: 1.125rem;
  }
}
.dashboard-banner__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #000;
}
.dashboard-banner__background-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(86deg, rgba(29, 18, 131, 0.7) 16.51%, rgba(79, 104, 224, 0.7) 92.15%), url(<path-to-image>) lightgray 50%/cover no-repeat;
  opacity: 0.7;
}
.dashboard-banner__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}
@media all and (min-width: 768px) {
  .dashboard-banner:has(+ .dashboard-panels) {
    padding-bottom: 100px;
  }
}

/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-white:not(.block--skip) + .dashboard-banner--no-background-image.block--background-color-white,
.block--background-color-white:not(.block--skip) + .block--skip + .dashboard-banner--no-background-image.block--background-color-white {
  margin-top: -90px;
}

.block--background-color-indigo-10:not(.block--skip) + .dashboard-banner--no-background-image.block--background-color-indigo-10,
.block--background-color-indigo-10:not(.block--skip) + .block--skip + .dashboard-banner--no-background-image.block--background-color-indigo-10 {
  margin-top: -90px;
}

/*# sourceMappingURL=block-dashboard-banner.82b52d8f532e9f3bea05.css.map*/