#message-audio {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#message-audio .slide {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10px;
  right: 10px;
}
#message-audio .slide .box-top {
  padding: 25px 75px 50px;
}
#message-audio .slide .box-top .author {
  margin-bottom: 25px;
}
#message-audio .slide .box-top .text {
  min-height: 150px;
  display: grid;
  place-items: center left;
  text-wrap: balance;
}
#message-audio .slide .box-top .player {
  position: relative;
}
#message-audio .slide .box-top .media {
  display: flex;
  flex-direction: row;
}
#message-audio .slide .box-top .media .status {
  width: 150px;
  display: flex;
}
#message-audio .slide .box-top .media .status svg {
  width: 100px;
  fill: #21AABD;
}
#message-audio .slide .box-top .media .wave {
  flex: 1;
}
#message-audio .slideo .box-top .player {
  position: relative;
  height: 150px;
}
/* --- just for the current loader --- */
#message-audio .slide .loading {
  top: -25px;
}