/**
 * tiny-player v.0.2.0
 * irubataru.com
 *
 * Copyright (c) 2018-2020 Jonas Rylund Glesaaen
 *
 * MIT License
 */

.iru-tiny-player {
  position: relative;
background-color:#302243;
}

.iru-tiny-player .song-main-info {
/*  margin: 2ex 2ex;*/
  font-size: 10vh;
  display: flex;
  align-items: center;
  height:25vh;
  width: 22vw;
  justify-content:space-around;
}





@media screen and (max-width: 480px) {
  .iru-tiny-player .song-main-info {
/*    margin: 2ex 1ex;*/
    font-size: 1rem;
  }
}

.iru-tiny-player .icon {
  /*margin-right: 0.5ex;*/
  min-width: 1.5rem;
  flex-basis: 1.5rem;
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.iru-tiny-player .icon:hover {
  color: #24FF00;
}

@media screen and (max-width: 480px) {
  .iru-tiny-player .icon {
    /*margin-right: 0.25ex;*/
/*    min-width: 1rem;
    flex-basis: 1rem;*/
  }
}

.iru-tiny-player .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    z-index: 20000;
}

.iru-tiny-player .song-main-info .icon.fa-stop {
/*  margin-right: 2ex;*/
}
justify-content
@media screen and (max-width: 480px) {
  .iru-tiny-player .song-main-info .icon.fa-stop {
  
  }
}

.iru-tiny-player .song-main-info {
  /*margin: 0ex 2ex;*/
  white-space: nowrap;
}

.song-timer {
  display: none;
}

.iru-tiny-player .song-main-info .song-title {
display: none;
}

.iru-tiny-player .song-seek {
  position: absolute;
  width: 100%;
  height: 100%;

}

.song-title, .song-timer {


  text-transform: uppercase;
}

.iru-tiny-player .song-progress {
  position: absolute;
  background-color:#302243;
  width: 25vw;
  height: 100%;
}

.iru-tiny-player .song-volume-control {
  position: absolute;
  background-color:#302243;
width: 25vw;  
  height: 25vh;
  top: 0;
}

.iru-tiny-player .song-volume-bar {
  position: absolute;
  top: 20%;
  left: 20%;
  height: 15vh;
  margin: 0px auto;
  width: 80%;
  background-color: #B3C2D7;
}

.iru-tiny-player .song-volume-bar#fg {
  height: 15vh;
  margin: 0px auto;
  width: 60%;
}

.iru-tiny-player .song-volume-bar#fgg {
  height: 15vh;
  margin: 0 auto;
  background-color: #B3C2D7;
  width: 60%;
}

.iru-tiny-player .song-volume-bar#bg {
  height: 15vh;
  margin: 0px auto;
  background-color: #24FF00;
  width: 60%;
}

.iru-tiny-player .song-volume-dot {
  position: absolute;
  width: 15px;
   height: 15vh;
  top: 20%;
  left: 80%;
  margin: 0px auto;
  background-color: #24FF00;
  border-radius: 0px;
  cursor: pointer;
  z-index:30000;
}

.iru-tiny-player .song-volume-dot:hover {
  background-color: #24FF00;
}

.iru-tiny-player .icon.fa-times {
/*  margin: 0.5ex 0.5ex;*/
  position: absolute;
  color: #24FF00;
  font-size: 7vh;
  right: 1vw;
  top: 10vh;
}



@media screen and (max-width: 480px) {
  .iru-tiny-player .icon.fa-times {
 /*   margin: 2ex 1.5ex;*/
    font-size: 1rem;
  }
}