.audio-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.audio-modal.active{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.audio-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;padding:3rem;max-width:500px;width:90%;position:relative;box-shadow:0 30px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.audio-modal-close{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;line-height:1}.audio-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.audio-modal-header{text-align:center;margin-bottom:2rem}.audio-modal-artwork{width:200px;height:200px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:5px solid rgba(255,255,255,.2);animation:rotate-artwork 20s linear infinite paused}.audio-modal-artwork.playing{animation-play-state:running}@keyframes rotate-artwork{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-modal-artwork img{width:100%;height:100%;object-fit:cover}.audio-modal-info h3{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.audio-modal-info p{color:#fffc;font-size:1.1rem}.audio-modal-controls{background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-modal-progress{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.audio-modal-progress span{color:#fff;font-weight:600;min-width:45px;font-size:.9rem}.audio-modal-progress-bar{flex:1;height:8px;background:#fff3;border-radius:10px;cursor:pointer;position:relative}.audio-modal-progress-fill{height:100%;background:#fff;border-radius:10px;width:0%;transition:width .1s linear;position:relative}.audio-modal-progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d}.audio-modal-buttons{display:flex;justify-content:center;margin-bottom:2rem}.audio-modal-btn{background:#fff;border:none;color:var(--primary);width:80px;height:80px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 10px 30px #0000004d}.audio-modal-btn:hover{transform:scale(1.1);box-shadow:0 15px 40px #0006}.audio-modal-btn:active{transform:scale(.95)}.audio-modal-volume{display:flex;align-items:center;justify-content:center;gap:1rem}.audio-modal-volume svg{color:#fff}.audio-modal-volume-slider{width:120px;height:6px;background:#fff3;border-radius:10px;cursor:pointer;position:relative}.audio-modal-volume-fill{height:100%;width:70%;background:#fff;border-radius:10px}@media (max-width: 768px){.audio-modal-content{padding:2rem 1.5rem;max-width:90%}.audio-modal-artwork{width:150px;height:150px}.audio-modal-info h3{font-size:1.4rem}.audio-modal-info p{font-size:1rem}.audio-modal-controls{padding:1.5rem}.audio-modal-btn{width:70px;height:70px}.audio-modal-btn svg{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/audio-player-styles.css.map */