/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./bin/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./bin/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./bin/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./marriott/cartridges/app_mbb_core/cartridge/client/default/scss/experience/components/mbb_layouts/heroCarousel.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
/**
  *
  * MBB Custom Button Variables
  *
**/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
.mbb-hero-carousel {
  width: 100%;
}
.mbb-hero-carousel--has-bullets {
  --hero-bottom-padding: 56px;
}
.mbb-hero-carousel .glide__arrow {
  box-shadow: none;
}
.mbb-hero-carousel .glide__arrow--left {
  left: 5px;
}
.mbb-hero-carousel .glide__arrow--right {
  right: 5px;
}
.mbb-hero-carousel .glide__container {
  left: 50%;
  bottom: 24px;
  height: 44px;
  background: #2A2A2A;
  border-radius: 30px;
  transform: translate(-50%, 0);
  padding-top: 0rem;
  padding-right: 2.375rem;
  padding-bottom: 0rem;
  padding-left: 2.375rem;
}
.mbb-hero-carousel .glide__bullets {
  transform: none;
}
.mbb-hero-carousel .glide__bullet {
  width: 10px;
  height: 10px;
  border: 2px solid #2A2A2A;
  margin-top: 0rem;
  margin-right: 0.25rem;
  margin-bottom: 0rem;
  margin-left: 0.25rem;
}
.mbb-hero-carousel .glide__bullet--active {
  width: 10px;
  height: 10px;
  border: none;
}
.mbb-hero-carousel .mbb-hero .center-left, .mbb-hero-carousel .mbb-hero .center-center, .mbb-hero-carousel .mbb-hero .center-right {
  bottom: 72px;
}
@media (min-width: 768px) {
  .mbb-hero-carousel .mbb-hero .center-left, .mbb-hero-carousel .mbb-hero .center-center, .mbb-hero-carousel .mbb-hero .center-right {
    bottom: auto;
  }
}
.mbb-hero-carousel .mbb-hero .bottom-left, .mbb-hero-carousel .mbb-hero .bottom-center, .mbb-hero-carousel .mbb-hero .bottom-right {
  bottom: 72px;
}

/*# sourceMappingURL=heroCarousel.css.map*/