/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.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]!./inc/Blocks/Video/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.wp-block-video {
  align-items: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.wp-block-video__iframe,
.wp-block-video__video {
  aspect-ratio: var(--block-video-aspect-ratio, 16/9);
  width: 100%;
}

.wp-block-video__play-button {
  align-items: center;
  background-color: var(--block-video-play-icon-background);
  border-radius: var(--block-video-play-icon-border-radius);
  display: flex;
  font-size: 0;
  height: var(--block-video-play-icon-height);
  justify-content: center;
  position: absolute;
  width: var(--block-video-play-icon-width);
}
.wp-block-video__play-button::before {
  content: "";
  display: block;
  position: relative;
  border-color: transparent transparent transparent var(--block-video-play-icon-colour);
  border-style: solid;
  border-width: var(--block-video-play-icon-border-width);
  height: 0;
  margin-left: var(--block-video-play-icon-margin);
  width: 0;
}

.wp-block-video--ratio--1-1 {
  --block-video-aspect-ratio: 1 / 1;
}

.wp-block-video--ratio--9-16 {
  --block-video-aspect-ratio: 9 / 16;
}

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