.layout__video {
  aspect-ratio: 1/0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  clip-path: polygon(
    0 -2rem,
    100% -2rem,
    100% calc(100% - 3rem),
    calc(100% - 3rem) 100%,
    0 100%
  );
}
@media screen and (min-width: 768px) {
  .layout__video {
    aspect-ratio: 1/0.5;
  }
}
.layout__video.layout__video_active .video__preview,
.layout__video.layout__video_active img,
.layout__video.layout__video_active .video__symbol {
  opacity: 0;
  visibility: hidden;
}
.layout__video.layout__video_active .video__review {
  opacity: 1;
  visibility: visible;
}
.layout__video::before {
  background-color: #212127;
  position: absolute;
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.layout__video img {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.layout__video .video__review {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.layout__video .video__symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  opacity: 1;
  visibility: visible;
  background-color: #8cd000;
  clip-path: polygon(0 1rem, 2rem 0, 4rem 1rem, 4rem 3rem, 2rem 4rem, 0 3rem);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .layout__video .video__symbol {
    width: 6rem;
    height: 6rem;
    clip-path: polygon(
      0 1.5rem,
      3rem 0,
      6rem 1.5rem,
      6rem 4.75rem,
      3rem 6rem,
      0 4.75rem
    );
  }
}
.layout__video .video__symbol svg {
  width: 2rem;
  height: 2rem;
  fill: #212127;
  -webkit-transform: translateX(0.25rem);
  -ms-transform: translateX(0.25rem);
  transform: translateX(0.25rem);
}
@media screen and (min-width: 768px) {
  .layout__video .video__symbol svg {
    width: 3rem;
    height: 3rem;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZGVvL3ZpZGVvLnNhc3MiLCIuLi8uLi9zY3NzL2hlbHBlci9fbWVkaWEuc2FzcyIsIi4uLy4uL3Njc3MvaGVscGVyL192YXJpYWJsZXMuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxlQUNFLGFBQUEsQ0FBQSxDQUFBLElBQ0EsUUFBQSxZQUFBLFFBQUEsWUFBQSxRQUFBLEtBQ0EsU0FBQSxTQUNBLFVBQUEsaUZDSkUsb0NBQUEsZURNQSxhQUFBLENBQUEsQ0FBQSxJQUVBLG9EQUFBLG1EQUVFLFFBQUEsRUFDQSxXQUFBLE9BQ0YsbURBQ0UsUUFBQSxFQUNBLFdBQUEsUUFDSix1QkFDRSxpQkFBQSxRQUNBLFNBQUEsU0FDQSxRQUFBLEdBQ0EsSUFBQSxFQUNBLEtBQUEsRUFDQSxNQUFBLEtBQ0EsT0FBQSxLQUNBLFFBQUEsRUFDRiwrQkFDRSxNQUFBLEtBQ0EsT0FBQSxLQUNBLFFBQUEsRUFDQSxXQUFBLFFBQ0YsOEJBQ0UsUUFBQSxFQUNBLFdBQUEsT0FDQSxTQUFBLFNBQ0EsSUFBQSxFQUNBLEtBQUEsRUFDQSxNQUFBLEtBQ0EsT0FBQSxLQUNBLFFBQUEsRUFDRiw4QkFDRSxTQUFBLFNBQ0EsSUFBQSxJQUNBLEtBQUEsSUFDQSxRQUFBLFlBQUEsUUFBQSxZQUFBLFFBQUEsS0FDQSxpQkFBQSxPQUFBLGNBQUEsT0FBQSxnQkFBQSxPQUNBLGtCQUFBLE9BQUEsZUFBQSxPQUFBLFlBQUEsT0FDQSxPQUFBLFFBQ0EsTUFBQSxLQUNBLE9BQUEsS0FDQSxRQUFBLEVBQ0EsV0FBQSxRQUNBLGlCQUFBLFFBQ0EsVUFBQSw0REVqQ0Ysa0JBQUEscUJBQUEsY0FBQSxxQkFBQSxVQUFBLHFCRGxCRSxvQ0RzQ0YsOEJBZ0JJLE1BQUEsS0FDQSxPQUFBLEtBQ0EsVUFBQSx1RUFHRixrQ0FBQSxrQ0FFRSxNQUFBLEtBQ0EsT0FBQSxLQUNBLEtBQUEsUUFDQSxrQkFBQSxtQkFBQSxjQUFBLG1CQUFBLFVBQUEsbUJDaEVGLG9DRDJEQSxrQ0FBQSxrQ0FPSSxNQUFBLEtBQ0EsT0FBQSIsImZpbGUiOiJ2aWRlby92aWRlby5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IFwiLi4vLi4vLi4vc2Nzcy9oZWxwZXIvX21lZGlhLnNhc3NcIlxyXG5AaW1wb3J0IFwiLi4vLi4vLi4vc2Nzcy9oZWxwZXIvX3ZhcmlhYmxlcy5zYXNzXCJcclxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxyXG4vLyBWSURFT1xyXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XHJcbi5sYXlvdXRfX3ZpZGVvXHJcbiAgYXNwZWN0LXJhdGlvOiAxIC8gLjc1XHJcbiAgZGlzcGxheTogZmxleFxyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZVxyXG4gIGNsaXAtcGF0aDogcG9seWdvbigwIC0ycmVtLCAxMDAlIC0ycmVtLCAxMDAlIGNhbGMoMTAwJSAtIDNyZW0pLCBjYWxjKDEwMCUgLSAzcmVtKSAxMDAlLCAwIDEwMCUpXHJcbiAgQGluY2x1ZGUgbWVkaWEtbWluKHRhYmxldFBvcnQpXHJcbiAgICBhc3BlY3QtcmF0aW86IDEgLyAuNVxyXG4gICYubGF5b3V0X192aWRlb19hY3RpdmVcclxuICAgIC52aWRlb19fcHJldmlldyxcclxuICAgIC52aWRlb19fc3ltYm9sXHJcbiAgICAgIG9wYWNpdHk6IDBcclxuICAgICAgdmlzaWJpbGl0eTogaGlkZGVuXHJcbiAgICAudmlkZW9fX3Jldmlld1xyXG4gICAgICBvcGFjaXR5OiAxXHJcbiAgICAgIHZpc2liaWxpdHk6IHZpc2libGVcclxuICAmOjpiZWZvcmVcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2xvclByaW1hcnk0MDBcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZVxyXG4gICAgb3BhY2l0eTogLjRcclxuICAgIHRvcDogMFxyXG4gICAgbGVmdDogMFxyXG4gICAgd2lkdGg6IDEwMCVcclxuICAgIGhlaWdodDogMTAwJVxyXG4gICAgei1pbmRleDogMlxyXG4gIC52aWRlb19fcHJldmlld1xyXG4gICAgd2lkdGg6IDEwMCVcclxuICAgIGhlaWdodDogMTAwJVxyXG4gICAgb3BhY2l0eTogMVxyXG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZVxyXG4gIC52aWRlb19fcmV2aWV3XHJcbiAgICBvcGFjaXR5OiAwXHJcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW5cclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZVxyXG4gICAgdG9wOiAwXHJcbiAgICBsZWZ0OiAwXHJcbiAgICB3aWR0aDogMTAwJVxyXG4gICAgaGVpZ2h0OiAxMDAlXHJcbiAgICB6LWluZGV4OiAyXHJcbiAgLnZpZGVvX19zeW1ib2xcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZVxyXG4gICAgdG9wOiA1MCVcclxuICAgIGxlZnQ6IDUwJVxyXG4gICAgZGlzcGxheTogZmxleFxyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXJcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXJcclxuICAgIGN1cnNvcjogcG9pbnRlclxyXG4gICAgd2lkdGg6IDRyZW1cclxuICAgIGhlaWdodDogNHJlbVxyXG4gICAgb3BhY2l0eTogMVxyXG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZVxyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJGNvbG9yU2Vjb25kYXJ5MzAwXHJcbiAgICBjbGlwLXBhdGg6IHBvbHlnb24oMCAxcmVtLCAycmVtIDAsIDRyZW0gMXJlbSwgNHJlbSAzcmVtLCAycmVtIDRyZW0sIDAgM3JlbSlcclxuICAgIEBpbmNsdWRlIHRyYW5zZm9ybVxyXG4gICAgQGluY2x1ZGUgbWVkaWEtbWluKHRhYmxldFBvcnQpXHJcbiAgICAgIHdpZHRoOiA2cmVtXHJcbiAgICAgIGhlaWdodDogNnJlbVxyXG4gICAgICBjbGlwLXBhdGg6IHBvbHlnb24oMCAxLjVyZW0sIDNyZW0gMCwgNnJlbSAxLjVyZW0sIDZyZW0gNC43NXJlbSwgM3JlbSA2cmVtLCAwIDQuNzVyZW0pXHJcblxyXG5cclxuICAgIGltZyxcclxuICAgIHN2Z1xyXG4gICAgICB3aWR0aDogMnJlbVxyXG4gICAgICBoZWlnaHQ6IDJyZW1cclxuICAgICAgZmlsbDogJGNvbG9yUHJpbWFyeTQwMFxyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLjI1cmVtKVxyXG4gICAgICBAaW5jbHVkZSBtZWRpYS1taW4odGFibGV0UG9ydClcclxuICAgICAgICB3aWR0aDogM3JlbVxyXG4gICAgICAgIGhlaWdodDogM3JlbVxyXG4iLCIkYnJlYWtwb2ludHM6IChmdWxsSGREZXNrdG9wOiAxNzAwcHgsaGREZXNrdG9wOiAxNTIwcHgsYmlnRGVza3RvcDogMTQwMHB4LGRlc2t0b3A6IDEyODBweCx0YWJsZXRMYW5kOiAxMDI0cHgsdGFibGV0OiA5OTJweCx0YWJsZXRQb3J0OiA3NjhweCxtb2JpbGU6IDU4MHB4KVxuXG49bWVkaWEtbWluKCRrZXkpXG4gICRzaXplOiBtYXAtZ2V0KCRicmVha3BvaW50cywgJGtleSlcbiAgQGlmICRzaXplXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHNpemUpXG4gICAgICBAY29udGVudFxuICBAZWxzZVxuICAgIEB3YXJuIFwiQnJlYWtwb2ludCBgI3ska2V5fWAgbm90IGZvdW5kIGluICRicmVha3BvaW50cyBtYXAuXCJcblxuPW1lZGlhLW1heCgka2V5KVxuICAkc2l6ZTogbWFwLWdldCgkYnJlYWtwb2ludHMsICRrZXkpXG4gIEBpZiAkc2l6ZVxuXG4gICAgJG1heC1zaXplOiAoJHNpemUgLSAxcHgpXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJG1heC1zaXplKVxuICAgICAgQGNvbnRlbnRcbiAgQGVsc2VcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGtleX1gIG5vdCBmb3VuZCBpbiAkYnJlYWtwb2ludHMgbWFwLlwiIiwiLy8gd2hpdGUgY29sb3JcbiRjb2xvcldoaXRlOiAjZmZmZmZmXG4vLyBwcmltYXJ5IGNvbG9yXG4kY29sb3JQcmltYXJ5MzAwOiAjRTZFN0U0XG4kY29sb3JQcmltYXJ5NDAwOiAjMjEyMTI3XG4kY29sb3JQcmltYXJ5NTAwOiAjMTMxMzE2XG4kY29sb3JQcmltYXJ5NjAwOiAjMDAwMDAwXG4vLyBzZWNvbmRhcnkgY29sb3JcbiRjb2xvclNlY29uZGFyeTEwMDogIzVBNkMzN1xuJGNvbG9yU2Vjb25kYXJ5MjAwOiAjNDM1MTJBXG4kY29sb3JTZWNvbmRhcnkzMDA6ICM4Q0QwMDBcbiRjb2xvclNlY29uZGFyeTQwMDogIzdBQzgyQ1xuJGNvbG9yU2Vjb25kYXJ5NTAwOiAjMUIyODE1XG5cblxuLy8gZm9udHNcbiRtYWluRm9udDogXCJHZWlzdFwiLCBzYW5zLXNlcmlmXG4kc2Vjb25kYXJ5Rm9udDogXCJNb25hIFNhbnNcIiwgc2Fucy1zZXJpZlxuJHRlcnRpYXJ5Rm9udDogXCJSb2JvdG9cIiwgc2Fucy1zZXJpZlxuLy8gbWl4aW5cbkBtaXhpbiB0cmFuc2l0aW9uKClcbiAgdHJhbnNpdGlvbjogYWxsIDAuNHMgZWFzZS1pbi1vdXRcbkBtaXhpbiB0cmFuc2Zvcm0oKVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKVxuQG1peGluIHRyYW5zZm9ybS14KClcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpXG5AbWl4aW4gdHJhbnNmb3JtLXkoKVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSlcbkBtaXhpbiB0cmFuc2Zvcm0tbm9uZSgpXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAgLCAwKSJdfQ== */