/* ===========================================================================*/
/* Common */
/* ===========================================================================*/

body,
html {
  margin: 0;
  padding: 0;
}

/* ===========================================================================*/
/* IOS Fixed */
/* ===========================================================================*/

html {
  -webkit-text-size-adjust: none
}

* {
  touch-action: manipulation;
}

/* ===========================================================================*/
/* Audio Players */
/* ===========================================================================*/

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(10deg); }
   95% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}

@keyframes wiggleLarge {
    0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.audio-playing {
  animation: wiggleLarge 1s infinite;
}

.audio-idle {
  animation: wiggle 3s infinite;
}

.audio-player {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 5px;
  cursor: pointer;
  background-color: white;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: box-shadow 300ms ease;
  z-index: 10;
}

.audio-player:hover {
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
}

.audio-player img {
  display: block;
  width: 100%;
  height: auto !important;
  margin: 0 auto;
  float: none !important;
  max-width: 80% !important;
  position: relative !important;
}

.audio-player-label {
  display: block;
  font-size: 7px;
  font-weight: bold;
}

/* ===========================================================================*/
/* Links */
/* ===========================================================================*/

.page-link-item {
  display: block;
  position: absolute;
  background: #fff;
  padding: 5px;
  width: 100px;
  text-align: center;
  font-size: 14px;
  z-index: 10;
}
