.lhm-thumb-ready{position:relative!important;overflow:hidden!important;}
.lhm-thumb-ready>.lhm-hero-media{position:absolute;inset:0;z-index:3;}
.lhm-hero-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.lhm-hero-media img,
.lhm-hero-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lhm-hero-playlist-stage,
.lhm-hero-playlist-item {
  position: absolute;
  inset: 0;
}

.lhm-hero-playlist-item {
  opacity: 0;
  transition: opacity 500ms ease;
  pointer-events: none;
  background: #000;
}

.lhm-hero-playlist-item.is-active {
  opacity: 1;
  pointer-events: auto;
}

.lhm-hero-bullets {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lhm-hero-bullet {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.95);
  background: rgba(255,255,255,.15);
  cursor: pointer;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
}

.lhm-hero-bullet.is-active {
  background: #fff;
}

.lhm-hero-video video {
  background: #000;
}

@media (max-width: 767px) {
  .lhm-hero-bullets {
    left: 8px;
    gap: 8px;
  }

  .lhm-hero-bullet {
    width: 11px;
    height: 11px;
  }
}


/* v2.3 */
.lhm-hero-bullet.is-active {
  background: #d40000;
  border-color: #d40000;
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
}

@media (hover:hover) and (pointer:fine) {
  .lhm-hero-playlist.is-paused .lhm-hero-playlist-item {
    transition-duration: 0ms;
  }
}
