.cm-player {
  display: none;
  pointer-events: none;
}

.cm-player.loaded {
  display: block;
  pointer-events: visible;
}

.cm-player.cm-hide {
  display: none;
  pointer-events: none;
}

.cm-player-hide-btn {
  opacity: 0;
  pointer-events: none;
  border-radius: 10px;
  width: 60px;
  height: 30px;
  background: var(--cm-base-color);
  color: var(--cm-text-color);
  position: fixed;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  cursor: pointer;
}

.cm-player-hide-btn.active {
  opacity: 1;
  pointer-events: visible;
}