/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/components/template-parts/crunch-modal/_crunch-modal-styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Bootstrap Variables
 */
/*
 * Color system
 */
/**
 * Grid
 */
/**
 * Border Radius
 */
/**
 * Fonts
 */
/**
 * Crunch Utilities
 */
/**
 * Variables
 */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* stylelint-disable */
/**
 * Mixins
 */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~~~~~~~~ Fluid  ~~~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Fluid
 */
/* ~~~~~~~~ String split ~~~~~~~~ */
/* ~~~~~~~~ String replace ~~~~~~~~ */
/* ~~~~~~~~ Join sign with number  ~~~~~~~~ */
/* ~~~~~~~~~~ String to number conversion by Hugo Giraudel ~~~~~~~~~~ */
/* ~~~~~ Helper for fluid function ~~~~~ */
/* ~~~~~ Letter-spacing functions ~~~~~ */
/* ~~~~~~~~ Return index of array diff ~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/**
 * Spacings
 */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Classes
 */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~ Bootsrap Container Max Width ~~~~~~~~~~ */
/* ~~~~~~~~~~ Transition ~~~~~~~~~~ */
/**
 * Placeholders Template Part Styles
 */
/* ~~~~~~~~~~ Background cover ~~~~~~~~~~ */
/* ~~~~~~~~~~ Object Fit ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hide ~~~~~~~~~~ */
/* ~~~~~~~~~~ Adjustable Element ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Optimize image contrast ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Animated Border Bottom ~~~~~~~~~~ */
/* ~~~~~~~~~~ Lock Postion ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hover opacity classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Flex 0 0 auto ~~~~~~~~~~ */
/**
 * Placeholders Buttons Template Part Styles
 */
/**
 * Crunch Modal Template Part Styles
 */
body.modal-open #cookie-notice {
  z-index: 10;
}

@media (min-width: 576px) {
  .crunch-modal .modal-dialog {
    max-width: 90vw;
  }
}
.crunch-modal__a-image:not(.crunch-modal__a-image--auto) {
  aspect-ratio: 1.4;
}
@media (min-width: 992px) {
  .crunch-modal__a-image:not(.crunch-modal__a-image--auto) {
    aspect-ratio: 0.84;
  }
}
@media (max-width: 991.98px) {
  .crunch-modal__b-image:not(.crunch-modal__b-image--auto) {
    aspect-ratio: 0.93;
  }
}
@media (max-width: 991.98px) {
  .crunch-modal__b-additional-image {
    aspect-ratio: 1.4;
  }
}
.crunch-modal__b-image, .crunch-modal__b-additional-image {
  height: auto;
}
@media (min-width: 768px) {
  .crunch-modal__b-image, .crunch-modal__b-additional-image {
    height: 13.5rem;
  }
}
@media (min-width: 992px) {
  .crunch-modal__b-image, .crunch-modal__b-additional-image {
    height: 15.3333333333rem;
  }
}
@media (min-width: 1200px) {
  .crunch-modal__b-image, .crunch-modal__b-additional-image {
    height: 17.1666666667rem;
  }
}
@media (min-width: 1360px) {
  .crunch-modal__b-image, .crunch-modal__b-additional-image {
    height: 19rem;
  }
}
.crunch-modal .modal-content {
  max-width: 58.125rem;
  max-height: 90vh;
}
.crunch-modal .modal-content {
  padding-left: 1.25rem;
  padding-right: 1.5625rem;
}
@media (min-width: 576px) {
  .crunch-modal .modal-content {
    padding-left: 2.2rem;
    padding-right: 1.8rem;
  }
}
@media (min-width: 768px) {
  .crunch-modal .modal-content {
    padding-left: 3.15rem;
    padding-right: 2.0375rem;
  }
}
@media (min-width: 992px) {
  .crunch-modal .modal-content {
    padding-left: 4.1rem;
    padding-right: 2.275rem;
  }
}
@media (min-width: 1200px) {
  .crunch-modal .modal-content {
    padding-left: 5.05rem;
    padding-right: 2.5125rem;
  }
}
@media (min-width: 1360px) {
  .crunch-modal .modal-content {
    padding-left: 6rem;
    padding-right: 2.75rem;
  }
}
.crunch-modal .modal-content .custom-scrollbar .scroll-content {
  padding-right: 1.875rem;
}
@media (min-width: 576px) {
  .crunch-modal .modal-content .custom-scrollbar .scroll-content {
    padding-right: 2.15rem;
  }
}
@media (min-width: 768px) {
  .crunch-modal .modal-content .custom-scrollbar .scroll-content {
    padding-right: 2.425rem;
  }
}
@media (min-width: 992px) {
  .crunch-modal .modal-content .custom-scrollbar .scroll-content {
    padding-right: 2.7rem;
  }
}
@media (min-width: 1200px) {
  .crunch-modal .modal-content .custom-scrollbar .scroll-content {
    padding-right: 2.975rem;
  }
}
@media (min-width: 1360px) {
  .crunch-modal .modal-content .custom-scrollbar .scroll-content {
    padding-right: 3.25rem;
  }
}
.crunch-modal .modal-content .custom-scrollbar .scrollbar-track {
  border-radius: 0.5rem;
  background-color: #99C7AF;
}
.crunch-modal .modal-content .custom-scrollbar .scrollbar-track-y {
  display: block !important;
  width: 0.3125rem;
  opacity: 0;
}
.crunch-modal .modal-content .custom-scrollbar .scrollbar-track-y[style="display: block;"] {
  opacity: 1;
}
.crunch-modal .modal-content .custom-scrollbar .scrollbar-track .scrollbar-thumb {
  width: 100%;
  background-color: #3C8565;
}
.crunch-modal .gx-40 {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
.crunch-modal .gx-40 > [class*=col-] {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.crunch-modal .close {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.crunch-modal .close {
  top: 0.625rem;
  right: 0.5rem;
}
@media (min-width: 576px) {
  .crunch-modal .close {
    top: 0.75rem;
    right: 0.65rem;
  }
}
@media (min-width: 768px) {
  .crunch-modal .close {
    top: 0.875rem;
    right: 0.8rem;
  }
}
@media (min-width: 992px) {
  .crunch-modal .close {
    top: 1rem;
    right: 0.95rem;
  }
}
@media (min-width: 1200px) {
  .crunch-modal .close {
    top: 1.125rem;
    right: 1.1rem;
  }
}
@media (min-width: 1360px) {
  .crunch-modal .close {
    top: 1.25rem;
    right: 1.25rem;
  }
}
.crunch-modal .close:hover, .crunch-modal .close:focus {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.crunch-modal__close-icon {
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 576px) {
  .crunch-modal__close-icon {
    width: 1.45rem;
    height: 1.45rem;
  }
}
@media (min-width: 768px) {
  .crunch-modal__close-icon {
    width: 1.65rem;
    height: 1.65rem;
  }
}
@media (min-width: 992px) {
  .crunch-modal__close-icon {
    width: 1.85rem;
    height: 1.85rem;
  }
}
@media (min-width: 1200px) {
  .crunch-modal__close-icon {
    width: 2.05rem;
    height: 2.05rem;
  }
}
@media (min-width: 1360px) {
  .crunch-modal__close-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}