.collection-tracklist .btn-icon{fill:#fff}.collection-tracklist span{color:#fff;text-align:left;display:inline-block}.collection-tracklist button{margin:0}.soundbar{position:fixed;display:flex;align-items:center;justify-content:center;bottom:0;left:0;width:100%;height:0;visibility:hidden;pointer-events:none;color:#fff;background-color:rgba(var(--bg-color));z-index:-1;transition:all ease-in-out .23s;border-top:1px solid;border-color:rgba(var(--text-color)/.15)}.soundbar.active{height:90px;visibility:visible;pointer-events:all;z-index:9999;box-shadow:0 -21px 70px #00000080}.soundbar__track-details,.soundbar__controls{display:flex;justify-content:center;background-color:rgba(var(--soundbar-bg-color))}.soundbar__link{margin-right:20px}.soundbar .icon{fill:#fff}.soundbar__controls{flex:10%;align-items:center;height:100%;margin-left:10px;border-right:1px solid;border-left:1px solid;border-color:rgba(var(--text-color)/.15)}.soundbar__controls .btn-icon{display:flex;justify-content:center;align-items:center;width:45px;height:45px;margin:0;padding:8px;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:border-color .1s}.soundbar__controls .btn-icon:hover{border-color:#888}.soundbar__controls .btn-icon:hover svg{fill:#888}.soundbar__controls .btn-icon svg{width:25px;height:25px;transition:fill .1s}.soundbar__controls .btn-icon svg.icon-play{margin-left:2px}.soundbar__controls #play,.soundbar__controls #pause{margin-top:1px}.soundbar__controls #pause{display:none}.btn-icon.soundbar__controls--navigation{border:0}.waveform__container{flex:60%;height:100%;padding:0 10px 10px}.waveform__details-container{display:flex;justify-content:center;align-items:center;margin:7px 0 6px;font-size:13px}.waveform__close{height:100%;border-left:1px solid;border-color:rgba(var(--text-color)/.15);padding:0 20px 0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:color .1s}.waveform__close:hover{color:#888}.soundbar__track-caption{display:flex;flex-direction:column;padding-right:20px}.soundbar__track-playing{font-size:12px;padding:3px 0;border-bottom:1px solid}.soundbar__record-name{font-weight:700;font-size:14px}.soundbar__track-details{flex:20%;height:100%;padding-left:20px;justify-content:start;align-items:center}.soundbar__track-menu{flex:15%;text-align:center;border-left:1px solid;border-right:1px solid;margin-right:20px}.soundbar__track-close{display:flex;justify-content:center;align-items:center;width:100%;color:rgba(var(--text-color));background-color:rgba(var(--bg-color));transition:all ease-in-out .32s}.soundbar__track-close svg{margin:0 0 0 10px;transform:rotate(180deg);width:30px;height:30px}.soundbar.active .soundbar__track-container{height:auto;padding-bottom:210px;box-shadow:0 -21px 70px #00000080}.soundbar__track-container{display:flex;align-items:flex-start;width:100%;height:0;padding-bottom:0;position:absolute;left:0;bottom:70px;z-index:-1;background-color:rgba(var(--bg-color));transition:all ease-in-out .32s;border-top:2px solid}.soundbar.active .soundbar__track-container.collapse{height:0;padding-bottom:0;overflow:hidden}.soundbar.active .soundbar__track-container.collapse+.soundbar__track-close svg{transform:rotate(0)}.soundbar__tab-menu{background-color:rgba(var(--bg-color));transition:all ease-in-out .32s}.soundbar__tab-menu.active .soundbar__tab-menu-title{background-color:rgb(var(--text-color));color:rgba(var(--bg-color))}.soundbar__tab-list{display:none;padding:20px 20px 10px}.soundbar__tab-menu.active .soundbar__tab-list{position:absolute;left:0;width:100%;display:flex;flex-wrap:wrap}.soundbar__tab-menu-title{cursor:pointer;padding:10px 20px;border-bottom:1px solid;border-radius:5px 5px 0 0;margin:5px;text-transform:capitalize}.soundbar__tab-menu-title:hover{background-color:rgb(var(--text-color));color:rgba(var(--bg-color))}.soundbar__tab-menu-item{padding:10px 20px;cursor:pointer;border:1px solid;border-radius:5px;margin:5px;box-shadow:0 0 5px #0003}.soundbar__tab-menu-item:hover,.soundbar__tab-menu-item.active{background-color:rgb(var(--text-color));color:rgba(var(--bg-color))}.soundbar__track-name{flex:50%;height:100%}.soundbar__track-image{height:100%;max-height:60px}.player__audio{margin:0 auto 5px 0;position:relative;z-index:8}.player__audio svg{box-sizing:content-box;height:20px;width:20px;margin-right:5px;fill:rgb(var(--card-text-color));transition:all ease-in-out 1ms}.player__audio button:hover svg{border-color:rgb(var(--card-text-color)/.6);fill:rgb(var(--card-text-color)/.6)}.card .card__info-container .player__audio svg{border-radius:50%;border:2px solid rgb(var(--card-text-color));padding:4px 3px 4px 5px;margin-bottom:-1px;width:15px;height:15px}@media (max-width: 1023px){.soundbar{flex-direction:column}.soundbar.active{height:210px}.soundbar__track-details,.soundbar__controls{flex:100%}.soundbar__track-details{padding:10px 10px 0;width:100%;order:1}.soundbar__track-caption{font-size:80%}.soundbar__track-image{max-height:50px}.soundbar__controls .btn-icon{width:30px;height:30px;padding:5px}.soundbar__controls .btn-icon[data-action=play]{width:40px;height:40px}.waveform__container{padding-bottom:4px;width:100%;order:2}.waveform__details-container{margin:10px 0 5px;justify-content:start;font-size:14px}.waveform__close{border:0;position:absolute;top:-40%;right:0}.soundbar__controls{margin-right:10px;max-width:140px;width:100%;justify-content:space-around;border:0;order:3}.soundbar__track-close span{display:none}.soundbar__track-close svg{margin:0}.soundbar__controls .btn-icon svg{height:19px;vertical-align:sub}}.soundbar-color-scheme--2 .soundbar{background-color:#fff;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/160/assets/soundbar.css.map */