/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.19_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./widgets/slider/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Slider widget styles - originally two separate Gutenberg block
 * stylesheets (blocks/src/hero/style.scss + blocks/src/hero-slide/
 * style.scss), combined here since the widget itself is one unit.
 * Selectors renamed from the old .wp-block-gws-hero and
 * .wp-block-gws-hero-slide (legacy classes kept on the widget's rendered
 * markup purely to reuse this compiled CSS while it still lived under
 * blocks/build) to the widget's own .gws-hero/.gws-hero-slide classes, now
 * that this stylesheet lives with the widget itself.
 */
.gws-hero {
  position: relative;
  width: 100%;
  min-width: 0;
}
.gws-hero.gws-hero--carousel .swiper {
  width: 100%;
}
.gws-hero.gws-hero--has-wave {
  overflow: hidden;
}
.gws-hero.gws-hero--has-wave:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 4px);
  aspect-ratio: var(--gws-hero-wave-ratio);
  background-image: var(--gws-hero-wave-url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  pointer-events: none;
}
.gws-hero.gws-hero--has-wave.white-vector-wave-top .gws-hero-slide {
  padding-bottom: 2.76875vw;
}

.gws-hero-slide {
  position: relative;
  overflow: hidden;
}
.gws-hero-slide .gws-hero-slide__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.gws-hero-slide .gws-hero-slide__content {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  width: 100%;
}

/*# sourceMappingURL=style-style.css.map*/