.channel-watermark-player {
  position: relative;
}

.channel-watermark-overlay {
  position: absolute;
  z-index: 20;
  right: var(--channel-watermark-right, 16px);
  bottom: var(--channel-watermark-bottom, 16px);
  width: var(--channel-watermark-size, 64px);
  height: var(--channel-watermark-size, 64px);
  pointer-events: none;
  opacity: var(--channel-watermark-opacity, 0.78);
  transition: opacity 160ms ease;
}

.channel-watermark-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--channel-watermark-radius, 8px);
}

.video-js:hover .channel-watermark-overlay,
.video-js.vjs-user-inactive .channel-watermark-overlay {
  opacity: var(--channel-watermark-opacity, 0.78);
}

.video-js.vjs-fullscreen .channel-watermark-overlay {
  right: var(--channel-watermark-fullscreen-right, 24px);
  bottom: var(--channel-watermark-fullscreen-bottom, 24px);
}