.fixed-audio-player{position:fixed;bottom:0;left:0;width:100%;background-color:#e1eae9;background:linear-gradient(to bottom,#eef4f4,#b8c6db,#8a98e2);color:#fff;padding:10px 15px;box-shadow:0 -2px 10px #0000004d;z-index:1000;display:flex;justify-content:center;transition:transform .3s ease}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.fixed-audio-player:before{content:"\266a";position:absolute;font-size:50px;color:#2d7cff99;left:10%;top:10px;animation:float 6s ease-in-out infinite}.fixed-audio-player:before{content:"\266a";position:absolute;font-size:35px;color:#2d7cff99;left:20%;top:10px;animation:float 6s ease-in-out infinite}.fixed-audio-player:after{content:"\266b";position:absolute;font-size:25px;color:#f399;right:20%;top:40px;animation:float 7s ease-in-out infinite 1s}.fixed-audio-player.hidden{transform:translateY(100%)}.player-container{display:flex;align-items:center;width:100%;max-width:1200px;gap:15px}.track-info{flex:0 0 25%;overflow:hidden;background-color:#424548;padding:10px 15px;box-shadow:0 -2px 10px #0000004d}.track-title{display:block;font-weight:700;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.track-artist{display:block;font-size:.8em;opacity:.8;color:#fff}.player-controls{flex:1;display:flex;align-items:center;gap:15px}.play-button,.mute-button{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.play-button svg,.mute-button svg{width:24px;height:24px}.progress-container{flex:1;display:flex;flex-direction:column;gap:5px}.progress-bar{width:100%;height:6px;background-color:#fff3;border-radius:3px;cursor:pointer;position:relative}.progress{height:100%;background-color:#1db954;border-radius:3px;width:0%}.time-display{font-size:.8em;text-align:right}.volume-control{display:flex;align-items:center;gap:5px}.volume-slider{width:80px;height:4px}@media (max-width: 768px){.player-container{flex-direction:column;gap:10px}.track-info{flex:0 0 auto;width:100%;text-align:center}.volume-control{display:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/custom-audio-player.css.map */