/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/bnpp-content-slider-module/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bnpp-content-slider-module {
  font-family: var(--wp--preset--font-family--bnpp-sans-condensed);
  flex: 0;
  background-color: var(--module-bg-color);
  color: var(--module-text-color);
  transition: background-color 300ms, color 300ms, flex-grow 300ms;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  padding: var(--wp--preset--spacing--60);
  overflow: hidden;
}
.bnpp-content-slider-module:nth-child(2) {
  background-color: #B2D9CB;
}
.bnpp-content-slider-module:nth-child(3) {
  background-color: #D9ECE5;
}
.bnpp-content-slider-module:nth-child(4) {
  background-color: #EDF5F2;
}
.bnpp-content-slider-module.active {
  flex: 1 0 100px;
}
.bnpp-content-slider-module.active button.expand {
  display: none;
}
.bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--60);
}
@media screen and (max-width: 1024px) {
  .bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) {
    flex-direction: column;
  }
}
.bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) .bnpp-content-wrapper {
  flex: 1 1 300px;
  min-width: 250px;
}
.bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) .bnpp-image-wrapper {
  flex: 1 1 200px;
  min-width: 200px;
}
@media screen and (max-width: 640px) {
  .bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) .bnpp-image-wrapper {
    display: none;
  }
}
.bnpp-content-slider-module.active .bnpp-content-slider-module-content-wrapper:has(.bnpp-image-wrapper) .bnpp-image-wrapper img {
  width: 100%;
  max-height: 260px;
}
.bnpp-content-slider-module.isAnimating .bnpp-content-wrapper {
  min-width: 30vw !important;
}
.bnpp-content-slider-module:not(.active) .bnpp-content-slider-module-content-wrapper {
  min-width: calc((100vw - min(var(--wp--style--global--wide-size), 80vw)) * 2);
}
.bnpp-content-slider-module:not(.active) .bnpp-content-slider-module-content-wrapper .bnpp-image-wrapper {
  display: none;
}
.bnpp-content-slider-module:not(.active)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 104%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.bnpp-content-slider-module:has(~ .bnpp-content-slider-module.active) button.expand {
  transform: translateX(-46%) translateY(-50%) rotate(180deg);
}
.bnpp-content-slider-module.visited {
  background-color: var(--module-visted-color);
  color: var(--module-text-color-visited);
}
.bnpp-content-slider-module.visited h2.bnpp-content-slider-module-title {
  color: var(--module-text-color-visited);
}
.bnpp-content-slider-module.visited button.expand::before, .bnpp-content-slider-module.visited button.expand::after {
  background-color: var(--module-text-color-visited);
}
.bnpp-content-slider-module:hover button.expand {
  background-color: var(--module-hover-color);
}
.bnpp-content-slider-module:focus button.expand {
  background-color: var(--module-hover-color);
}
.bnpp-content-slider-module:has(button.expand:focus) {
  outline: 2px solid var(--module-hover-color);
}
.bnpp-content-slider-module:has(button.expand:focus) button.expand {
  background-color: var(--module-hover-color);
}
.bnpp-content-slider-module h3.bnpp-content-slider-module-title {
  color: var(--module-text-color) !important;
  font-size: var(--wp--preset--font-size--heading-s);
}
.bnpp-content-slider-module .bnpp-content-slider-module-text {
  font-family: var(--wp--preset--font-family--bnpp-sans);
  color: var(--module-text-color) !important;
}
@media screen and (min-width: 768px) {
  .bnpp-content-slider-module .buttons {
    display: inline;
  }
  .bnpp-content-slider-module .buttons .bnpp-button {
    margin-right: var(--wp--preset--spacing--20);
  }
}
.bnpp-content-slider-module .buttons .bnpp-button {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
  line-height: 1;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .bnpp-content-slider-module .buttons .bnpp-button {
    width: 100%;
    justify-content: center;
  }
}
.bnpp-content-slider-module .bnpp-content-slider-module-download-link {
  display: inline-flex;
  color: var(--module-text-color-hover);
  font-family: var(--wp--preset--font-family--bnpp-sans);
  font-weight: 300;
  align-items: center;
  gap: 5px;
}
.bnpp-content-slider-module .bnpp-content-slider-module-download-link:hover {
  text-decoration: underline;
}
.bnpp-content-slider-module .bnpp-content-slider-module-download-link::after {
  content: var(--downloadLinkIcon);
}
@media screen and (max-width: 768px) {
  .bnpp-content-slider-module .bnpp-content-slider-module-download-link {
    display: flex;
    justify-content: center;
    margin-top: 0.7em;
  }
}
.bnpp-content-slider-module button.expand {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateX(-46%) translateY(-50%);
  --buttonSize: 50px;
  width: var(--buttonSize);
  height: var(--buttonSize);
  border-radius: 50%;
  background-color: #12494B;
  border: none;
  color: var(--wp--preset--color--white);
  cursor: pointer;
  z-index: 1;
  transition: 300ms;
}
.bnpp-content-slider-module button.expand:focus {
  outline: none;
}
.bnpp-content-slider-module button.expand:focus::before, .bnpp-content-slider-module button.expand:focus::after {
  background-color: var(--wp--preset--color--white);
}
.bnpp-content-slider-module button.expand::before, .bnpp-content-slider-module button.expand::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 30%;
  background-color: var(--wp--preset--color--white);
  border-radius: 50px;
}
.bnpp-content-slider-module button.expand::before {
  transform: translate(-60%, -20%) rotate(-45deg);
}
.bnpp-content-slider-module button.expand::after {
  transform: translate(-50%, -83%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .bnpp-content-slider-module {
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
  }
  .bnpp-content-slider-module button.expand {
    border-radius: 10px;
    --buttonSize: 30px;
    height: 50px;
  }
}
h3.bnpp-content-slider-module-title{font-size:36px;font-size:36px!important}

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