/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/video/placeholder/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--video-placeholder {
  overflow: hidden;
  position: relative; }
  .b--video-placeholder .play-button-wrapper {
    position: relative;
    width: clamp(calc((50 * 1px)), calc(2.5vw), calc(100px * var(--max-font-size-controler)));
    height: clamp(calc((50 * 1px)), calc(2.5vw), calc(100px * var(--max-font-size-controler))); }
    @media (min-width: 768px) {
      .b--video-placeholder .play-button-wrapper {
        width: clamp(calc((70 * 1px)), calc(4vw), calc(160px * var(--max-font-size-controler)));
        height: clamp(calc((70 * 1px)), calc(4vw), calc(160px * var(--max-font-size-controler))); } }
  .b--video-placeholder .l__container {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: auto;
    right: var(--gutter-base);
    left: var(--gutter-base); }
    @media (min-width: 768px) {
      .b--video-placeholder .l__container {
        left: var(--spacers-md);
        right: var(--spacers-md); } }
    @media (min-width: 1400px) {
      .b--video-placeholder .l__container {
        left: var(--spacers-xs-vw);
        right: var(--spacers-xs-vw); } }
  .b--video-placeholder .l__wrapper {
    overflow: hidden; }
  .b--video-placeholder .l__inner {
    overflow: hidden;
    z-index: 2;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: var(--spacers-xs-vw); }

[data-type="acf/video-placeholder"].wp-block .video-inline-wrapper {
  z-index: -1 !important; }

