#app {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#app .controller {
  width: 100%;
  height: 30vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app .controller .disk {
  width: 15vh;
  height: 15vh;
  flex-shrink: 0;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-top: 20px;
}
#app .controller .infos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 15vh;
}
#app .controller .infos .title {
  font-size: large;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
#app .controller .infos .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
#app .list-title {
  width: calc(100% - 30px);
  height: 44px;
  line-height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 15px;
}
#app .list-title .play-all {
  color: #5296d5;
}
#app .list {
  width: 100%;
  height: calc(100% - 30vh - 44px);
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
#app .list .list-item {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#app .list .list-item .list-item-title {
  width: 20em;
  height: 66px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#app .list .list-item .list-item-title .playing {
  margin: 0 7px;
  visibility: hidden;
}
#app .list .list-item.active {
  background-color: rgba(101, 201, 122, 0.4);
}
#app .list .list-item.active .list-item-title .playing {
  visibility: visible;
}
#app .list .list-item .btns {
  width: calc(100% - 20em);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-right: 15px;
}
#app .list .list-item .btns i {
  margin-right: 5px;
}/*# sourceMappingURL=index.s.css.map */