/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/video/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.acf-video {
  position: relative;
  height: 400px;
  background-color: var(--theme--pure-black);
}
.acf-video:last-child {
  margin-bottom: 60px;
}
.acf-video__poster {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  opacity: 1;
  pointer-events: all;
  transition: opacity 600ms ease-in-out;
}
.acf-video__poster.hide {
  opacity: 0;
  pointer-events: none;
}
.acf-video__poster::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme--pure-black);
  opacity: 0.5;
  z-index: 2;
}
.acf-video__poster-img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.acf-video__poster-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--theme--pure-white);
  z-index: 3;
}
.acf-video__title .title {
  display: block;
  font-weight: 400;
  transform: translateY(100%);
  transition: transform 600ms ease-in-out;
}
.acf-video__title .title-bottom {
  display: block;
  text-transform: uppercase;
  transform: translateY(100%);
  transition: transform 600ms ease-in-out 200ms;
}
.acf-video__title .mask {
  overflow: hidden;
}
.acf-video__button {
  position: relative;
  opacity: 0;
  transition: opacity 350ms ease-in-out 300ms;
  gap: 2.5px;
}
.acf-video__button::before {
  content: "";
  background-color: unset;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xLjIwMDIgMTJWMEwxMC44MDAyIDUuODcyMzRMMS4yMDAyIDEyWiIgZmlsbD0iI0Q0MDEzMSIvPgo8L3N2Zz4=);
  width: 10px;
  height: 12px;
}
.acf-video__button:hover {
  color: var(--theme--chalk);
}
.acf-video .acf-video__media {
  display: block;
  width: 100%;
  height: 100%;
}
.acf-video.anim .title, .acf-video.anim .title-bottom {
  transform: translateY(0) !important;
}
.acf-video.anim .acf-video__button {
  opacity: 1 !important;
}

@media screen and (min-width: 768px) {
  .acf-video {
    height: 100vh;
  }
  .acf-video__button {
    gap: 6px;
  }
}

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