@charset "utf-8";

.kboard-popvideo .kboard-popup .kboard-popup__item{
  aspect-ratio: 700 / 364 !important;
  border-radius: 0px !important;
}
.kboard-popvideo .kboard-popup .kboard-popup__item::before{
  content: ""; display: block; width: 69px; height: 69px;
  background:rgba(0,0,0,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='69' viewBox='0 0 69 69'%3E%3Cg id='group395' transform='translate(-295.992 -2256.992)'%3E%3Ccircle id='circle63' cx='34.5' cy='34.5' r='34.5' transform='translate(295.992 2256.992)' fill='none'/%3E%3Cpath id='rac39' d='M14.925,0,29.849,24.864H0Z' transform='translate(345.06 2276.71) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  backdrop-filter: blur(30px);
  border-radius: 50px;
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
.kboard-popvideo .kboard-popup .kboard-popup__item .kboard-popup__popup{
  width: auto !important;
}
.kboard-popvideo .kboard-popup .kboard-popup__item .kboard-popup__popup .kboard-popup__popup__video{
  height: 75vh; text-align: center;
}
.kboard-popvideo .kboard-popup .kboard-popup__item .kboard-popup__popup .kboard-popup__popup__video video{
  height: 100%;
}

#kboard-layout .kboard-attr-row.kboard-attr-textarea .attr-value textarea#mediafile{
  height: auto;
}

@media (max-width:768px){
  .kboard-popvideo .kboard-popup .kboard-popup__item .kboard-popup__popup .kboard-popup__popup__video{
    height: auto;
  }
}

@media (max-width:640px){
  .kboard-popvideo .kboard-popup{
    grid-template-columns: 1fr !important; gap: 20px !important;
  }
  .kboard-popvideo .kboard-popup .kboard-popup__item::before{
    width: 50px; height: 50px;
  }
}