.audio-items.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0 10px 10px}.vue-audio-player-item_wrapper{position:relative;width:100%;padding:0 10px;-webkit-user-select:none;user-select:none;border-radius:6px}.vue-audio-player-item_wrapper:hover{-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2)}.vue-audio-player-item_wrapper.selected{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1);filter:brightness(1.5)}.vue-audio-player-item_wrapper.playing{filter:brightness(1.5)}.vue-audio-player-item_wrapper.album{padding:10px;border-radius:7px}.vue-audio-player-item_wrapper.album .album-img{position:relative;border-radius:7px;overflow:hidden}.vue-audio-player-item_wrapper.album .album-img .play-pause{position:absolute;opacity:0}.vue-audio-player-item_wrapper.album:hover .album-img .play-pause{opacity:1}.vue-audio-player-item{display:flex;align-items:center;padding:10px 0;width:100%}.vue-audio-player-item .audio-column{text-overflow:ellipsis}.vue-audio-player-item.album{flex-direction:column;justify-content:center;padding:0}.vue-audio-player-item.album .audio-column{width:auto}.vue-audio-player-item.album .audio-column.title{margin-top:7px}.small-text{font-size:.8rem}.title,.artist{margin:5px 0}.artist{filter:brightness(.8)}.play-pause{width:20px;height:20px;font-size:.8rem}.play-pause.album{position:absolute;margin-right:0;width:50px;height:50px;padding:10px;background-color:#8a2be2}.play-pause.album:hover{background-color:violet}svg{display:block}.vue-audio-player_fixed{position:fixed;z-index:100;left:0;right:0;transition:bottom .3s ease}.vue-audio-player_wrapper{font-size:1rem;padding:14px;display:grid;grid-template-rows:1fr 3fr;width:100%;max-width:100%;border-radius:14px}.vue-audio-player_wrapper #vue-audio-player_play-pause{display:flex;align-items:center;justify-content:center;margin-right:10px;padding:10px;width:50px;height:50px;aspect-ratio:1;border-radius:50%;scale:1;transition:scale .1s ease}.vue-audio-player_wrapper #vue-audio-player_play-pause:hover{scale:1.1}.vue-audio-player_wrapper #vue-audio-player_play-pause:active{scale:1}.vue-audio-player_play,.vue-audio-player_pause{display:flex}.vue-audio-player_play svg{position:relative;left:2px}#vue-audio-player_close{display:flex;justify-content:center;align-items:center;width:25px;height:25px;padding:3px;scale:1}#vue-audio-player_waveform-wrapper{width:100%;max-width:100vw;margin:5px 0;border-radius:10px}#vue-audio-player_volume-control{display:flex;align-items:center;-webkit-user-select:none;user-select:none;z-index:101;position:relative;margin:0 20px 0 10px;height:30px}#vue-audio-player_volume-icon{width:20px;height:20px;margin-left:10px}#vue-audio-player_volume-control #vue-audio-player_volume-track{pointer-events:none;width:100px;height:5px;border-radius:10px;background-color:gray;overflow:hidden}#vue-audio-player_volume-control #vue-audio-player_volume-fill{pointer-events:none;height:100%}#vue-audio-player_volume-control #vue-audio-player_volume-ball{position:absolute;pointer-events:none;left:calc(0% - 7px);border-radius:50%;height:15px;width:15px;scale:0;background-color:#fff}.vue-audio-player_audio-title{line-height:1;font-size:1.2rem;padding-right:10px}.vue-audio-player_controls-area{display:grid;grid-template-columns:1fr 185px;position:relative}.vue-audio-player_audio-area{position:relative;display:flex;align-items:center;width:100%;height:70px;margin:7px auto}.vue-audio-player_timestamps{display:flex;margin-left:10px}.vue-audio-player_timestamp{display:flex;align-items:center;font-size:.8rem;margin-right:7px;border-radius:15px;padding:3px 8px;cursor:pointer;white-space:nowrap}.vue-audio-player_timestamp:active{background-color:#444}.vue-audio-player_timestamp strong{margin-right:4px}.vue-audio-player_tracklist{width:100%}.tracklist-row{display:grid;grid-template-columns:35px 1fr 1fr}.tracklist-header{font-size:.8rem;padding:0 10px 10px;filter:brightness(.8);margin-bottom:10px;border-bottom:1px solid white}@media (hover:hover){.vue-audio-player_timestamp:hover{filter:brightness(1.1)}.vue-audio-player_timestamp:active{filter:brightness(.9)}#vue-audio-player_volume-control:hover #vue-audio-player_volume-ball{scale:1!important}#vue-audio-player_close:hover{scale:1.2}}.vue-audio-player_flex-aligned{display:flex;align-items:center}.vue-audio-player_flex-centered{display:flex;align-items:center;justify-content:center}.vue-audio-player_overflow-scroll{overflow:scroll}.vue-audio-player_overflow-scroll::-webkit-scrollbar{display:none}.vue-audio-player_loading-shimmer{animation-duration:2.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:vue-audio-player_shimmer;animation-timing-function:linear;background:#ddd;background:linear-gradient(to right,#e8e8e8 8%,#d5d5d5 18%,#e8e8e8 33%);background-size:1200px 100%}@keyframes vue-audio-player_shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;flex-direction:column;background-color:#d4d0ff}#app{display:flex;flex-direction:column;justify-content:center;font-family:monospace;min-height:100%;max-width:768px;margin:0 auto}.text-center{text-align:center}h1,h2,h4{color:#120f2a}h2{margin:5px 0 15px}h4{margin:0 0 30px;line-height:2}.spacer{height:25px}.spacer.large{height:150px}