/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_reebok/cartridge/client/default/scss/experience/components/commerce_assets/bannerVideo.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.experience-commerce_assets-BannerVideo {
  height: 100%;
}

.bannerVideo-container {
  height: 100%;
}
.bannerVideo-container .mainbanner-video {
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  -o-object-fit: var(--media-object-fit, contain);
     object-fit: var(--media-object-fit, contain);
  -o-object-position: var(--media-object-position, 50% 50%);
     object-position: var(--media-object-position, 50% 50%);
}

#videoBanner {
  width: 100%;
}

/*# sourceMappingURL=default\css\experience\components\commerce_assets\bannerVideo.css.map*/