/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./shark-ninja/cartridges/app_custom_sharkninja_core/cartridge/client/default/scss/experience/components/commerceAssets/videoModal.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-enable */
/***************************** Category Colors *****************************/
/***************************** Fonts *****************************/
/***************************** Border *****************************/
/***************************** Background *****************************/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.video-modal-container {
  cursor: pointer;
  height: 100%;
  max-height: 37.5rem;
  overflow: hidden;
  position: relative;
}
.video-modal-container.full-width-container {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
}
.video-modal-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.video-modal-container .video-modal-text.text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 7.75rem 7.5rem;
}
.video-modal-container .video-modal-text.text-container.animate-text {
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .video-modal-container .video-modal-text.text-container {
    padding: 0.75rem;
  }
}

.modal-video {
  max-width: 50rem;
}
@media (max-width: 1199.98px) {
  .modal-video.modal-dialog {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.modal-video .modal-header .btn-close {
  right: -1.875rem;
}
.modal-video .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-video .modal-body {
  height: 100%;
  width: 100%;
}

.embed-play {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.embed-play::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgY2xhc3M9ImUtZm9udC1pY29uLXN2ZyBlLWVpY29uLXBsYXkiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGZpbGw9IiNGRkYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgzOCAxNjJDNzQ2IDcxIDYzMyAyNSA1MDAgMjUgMzcxIDI1IDI1OCA3MSAxNjMgMTYyIDcxIDI1NCAyNSAzNjcgMjUgNTAwIDI1IDYzMyA3MSA3NDYgMTYzIDgzNyAyNTQgOTI5IDM2NyA5NzkgNTAwIDk3OSA2MzMgOTc5IDc0NiA5MzMgODM4IDgzNyA5MjkgNzQ2IDk3NSA2MzMgOTc1IDUwMCA5NzUgMzY3IDkyOSAyNTQgODM4IDE2Mk04MDggMTkyQzg5MiAyNzkgOTMzIDM3OSA5MzMgNTAwIDkzMyA2MjEgODkyIDcyNSA4MDggODA4IDcyNSA4OTIgNjIxIDkzOCA1MDAgOTM4IDM3OSA5MzggMjc5IDg5NiAxOTYgODA4IDExMyA3MjUgNjcgNjIxIDY3IDUwMCA2NyAzNzkgMTA4IDI3OSAxOTYgMTkyIDI3OSAxMDggMzgzIDYyIDUwMCA2MiA2MjEgNjIgNzIxIDEwOCA4MDggMTkyTTQzOCAzOTJWNjQyTDY0MiA1MTcgNDM4IDM5MloiPjwvcGF0aD48L3N2Zz4=");
  color: #fff;
  content: " ";
  display: block;
  height: 6.25rem;
  width: 6.25rem;
}

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