bodyx {
  margin: 0;
  /* touch-action: none;*/
  overflow: hidden;
  display: grid;
  user-select: none;
}
canvas {
  width: 100%;
  height: auto;
  object-fit: contain;
}
bodyx > * {
  grid-row: 1;
  grid-column: 1;
}

/*
#audioplayer-inner {
    background-color: #000000;
    opacity: 0.1;
}
*/

.dzsap-sticktobottom {
    background-color: #000000;
    opacity: 0.6 !important;
}

/*
.dzsap-sticktobottom-placeholder {
    background-color: #000000;
    opacity: 0.6 !important;
}
*/



@media screen and (min-width: 600px) {

}
.hide > *,
.hide > *::before,
.hide > *::after {
  animation: fade-out 1s forwards 0s;
}
.hidden {
  visibility: hidden;
}
@keyframes fade-in {
  80% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}