/** Borderness **/
video.bordered,
iframe.xleb-youtube.bordered {
  border: 1px solid #eee;
}

/** Roundness **/
.xleb-clip.roundedXS,
video.roundedXS,
iframe.xleb-youtube.roundedXS,
.video-preview.roundedXS {
  border-radius: 4px;
}

.xleb-clip.roundedS,
video.roundedS,
iframe.xleb-youtube.roundedS,
.video-preview.roundedS {
  border-radius: 8px;
}

.xleb-clip.roundedM,
video.roundedM,
iframe.xleb-youtube.roundedM,
.video-preview.roundedM {
  border-radius: 16px;
}

.xleb-clip.roundedL,
video.roundedL,
iframe.xleb-youtube.roundedL,
.video-preview.roundedL {
  border-radius: 32px;
}

/** Sizes **/
video.text-size,
iframe.xleb-youtube.text-size {
  max-width: var(--textMaxWidth);
  width: 100%;
}

video.full-size,
iframe.xleb-youtube.full-size {
  width: 100%;
}

/** Effects **/
video.brightness {
  filter: brightness(0.98);
}

.xleb-clip.vc_video-aspect-ratio-169 {
  padding-top: calc(100% / 16 * 9);
}

.xleb-clip.vc_video-aspect-ratio-43 {
  padding-top: 75%;
}

.xleb-clip.vc_video-aspect-ratio-32 {
  padding-top: calc(100% / 3 * 2)
}

.xleb-clip.vc_video-aspect-ratio-235 {
  padding-top: 42.55319149%;
}

.xleb-clip.vc_video-aspect-ratio-916 {
  padding-top: 177.77777778%;
}

.xleb-clip.vc_video-aspect-ratio-34 {
  padding-top: 133.33333333%;
}

.xleb-clip.vc_video-aspect-ratio-1235 {
  padding-top: 235%;
}

.hide-preview {
  display: none;
}

.overlay-preview {
  opacity: 0;
}

.vc_row .xleb-clip {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  transition: opacity 0.5s ease;
  background: var(--mainOpacityColor);
  object-fit: cover;
}

.vc_column_container iframe.xleb-youtube.xleb-youtube,
.vc_column_container .xleb-link,
.vc_column_container .vk iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s ease;
}

.vc_column_container .video-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  object-fit: contain;
  margin: 0;
  transition: opacity 0.5s ease;
}