.uhb-layers {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  background: var(--ink, #090908);
  isolation: isolate;
  pointer-events: none;
}

.uhb-media-layer,
.uhb-overlay-layer,
.uhb-video,
.uhb-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.uhb-media-layer {
  opacity: var(--uhb-video-opacity, 0.35);
  filter: grayscale(var(--uhb-desaturation, 100%)) brightness(var(--uhb-brightness, 100%)) contrast(var(--uhb-contrast, 100%));
}

.uhb-video,
.uhb-poster { object-fit: cover; }

.uhb-video {
  z-index: 1;
  opacity: 0;
  transition: opacity var(--uhb-crossfade-duration, 2s) linear;
}
.uhb-video-active { opacity: 1; }
.uhb-poster { z-index: 0; }
.uhb-video-ready .uhb-poster { visibility: hidden; }

.uhb-overlay-layer {
  z-index: 2;
  background: var(--uhb-overlay-color, #8a6338);
  opacity: var(--uhb-overlay-opacity, 0.25);
  mix-blend-mode: var(--uhb-overlay-blend-mode, normal);
}