.maksi-video-popup {
  --f-html-padding: 0;
  --f-html-bg: transparent;
}

.maksi-video-popup .fancybox__slide {
  padding: 60px 24px 24px;
}

.maksi-video-popup .fancybox__content,
.maksi-video-popup .f-html {
  width: min(960px, 90vw, 142.2222222222vh) !important;
  height: auto !important;
  aspect-ratio: 16/9;
  max-width: 90vw;
  max-height: 80vh;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none;
}

.maksi-video-popup .f-html iframe,
.maksi-video-popup .fancybox__content iframe {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  border: 0;
}

.maksi-video-popup .f-button.is-close-button,
.maksi-video-popup .f-button.is-close-btn,
.maksi-video-popup .f-button[data-fancybox-close] {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #333;
  opacity: 1;
  --f-button-bg: #fff;
  --f-button-hover-bg: #eee;
  --f-button-color: #333;
  --f-button-svg-filter: none;
}

.maksi-video-popup .f-button.is-close-button,
.maksi-video-popup .f-html > .f-button.is-close-btn,
.maksi-video-popup .fancybox__content > .f-button.is-close-btn {
  top: -52px !important;
  right: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.maksi-video-popup .f-button[data-fancybox-close]:hover {
  background: #eee;
}

#maksi-video-profile .video-2 .video-list {
  justify-content: center;
}

#maksi-video-profile .video-2 .video-item {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

#maksi-video-profile .video-2 .post-thumbnail {
  aspect-ratio: 16/9;
  height: auto;
  margin: 0;
}

#maksi-video-profile .video-2 .post-thumbnail > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#maksi-video-profile .video-2 .video-item > a[data-fancybox] {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}