.music-playback-container[data-v-3bb7fbe2]{position:relative;width:100%;height:100%;overflow:hidden}.gradient-background[data-v-3bb7fbe2]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a192f,#121e34 25%,#1e3a5f 50%,#121e34 75%,#0a192f);-webkit-animation:gradientShift-data-v-3bb7fbe2 15s ease infinite;animation:gradientShift-data-v-3bb7fbe2 15s ease infinite}.gradient-background[data-v-3bb7fbe2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(64,169,255,.1) 0,transparent 60%);pointer-events:none}.gradient-background[data-v-3bb7fbe2]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(transparent,rgba(0,176,255,.05) 5%,transparent 10%);-webkit-animation:lightEffect-data-v-3bb7fbe2 10s linear infinite;animation:lightEffect-data-v-3bb7fbe2 10s linear infinite;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.floating-panel[data-v-3bb7fbe2]{position:absolute;left:2%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:38%;height:95%;border:1px solid rgba(64,169,255,.2);border-radius:12px;background:rgba(16,32,58,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-box-shadow:0 4px 30px rgba(0,0,0,.2),0 0 15px rgba(64,169,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.2),0 0 15px rgba(64,169,255,.2)}.panel-header[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 24px}.panel-header .left-title[data-v-3bb7fbe2],.panel-header .right-title[data-v-3bb7fbe2]{font-size:32px;font-weight:700;color:#fff}@-webkit-keyframes gradientShift-data-v-3bb7fbe2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift-data-v-3bb7fbe2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes lightEffect-data-v-3bb7fbe2{0%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}to{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}}@keyframes lightEffect-data-v-3bb7fbe2{0%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}to{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}}.robot-list[data-v-3bb7fbe2]{padding:0 20px;height:calc(100% - 180px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.robot-list[data-v-3bb7fbe2]::-webkit-scrollbar{width:6px;background:transparent}.robot-list[data-v-3bb7fbe2]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.robot-list[data-v-3bb7fbe2]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.robot-list[data-v-3bb7fbe2]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.robot-item[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;margin-bottom:10px;background:rgba(25,45,70,.7);border-radius:12px;border-left:3px solid rgba(64,169,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.robot-item[data-v-3bb7fbe2]:hover{background:rgba(35,55,85,.8);border-left:3px solid rgba(64,169,255,.9);-webkit-box-shadow:0 0 15px rgba(64,169,255,.3);box-shadow:0 0 15px rgba(64,169,255,.3)}.robot-item[data-v-3bb7fbe2]:last-child{margin-bottom:20px}.robot-avatar[data-v-3bb7fbe2]{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:15px;-webkit-animation:float-updown-data-v-3bb7fbe2 2.2s ease-in-out infinite;animation:float-updown-data-v-3bb7fbe2 2.2s ease-in-out infinite}.robot-avatar img[data-v-3bb7fbe2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes float-updown-data-v-3bb7fbe2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float-updown-data-v-3bb7fbe2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.robot-info[data-v-3bb7fbe2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.robot-info .robot-name[data-v-3bb7fbe2]{font-size:18px;font-weight:500;color:#fff;margin-bottom:4px}.robot-info .robot-serial[data-v-3bb7fbe2]{font-size:14px;color:#ffca00}.robot-controls[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.robot-controls .stop-btn[data-v-3bb7fbe2],.robot-controls .sync-btn[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:rgba(16,32,58,.9);border:1px solid rgba(64,169,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.robot-controls .stop-btn[data-v-3bb7fbe2]:hover,.robot-controls .sync-btn[data-v-3bb7fbe2]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 15px rgba(64,169,255,.5);box-shadow:0 0 15px rgba(64,169,255,.5)}.robot-controls .stop-btn[data-v-3bb7fbe2]:active,.robot-controls .sync-btn[data-v-3bb7fbe2]:active{-webkit-transform:scale(.95);transform:scale(.95)}.robot-controls .stop-icon[data-v-3bb7fbe2],.robot-controls .sync-icon[data-v-3bb7fbe2]{font-size:24px;color:rgba(64,169,255,.9);-webkit-transition:all .3s ease;transition:all .3s ease}.robot-controls .stop-btn[data-v-3bb7fbe2]{border-color:rgba(255,99,71,.5)}.robot-controls .stop-btn[data-v-3bb7fbe2]:hover{-webkit-box-shadow:0 0 15px rgba(255,99,71,.5);box-shadow:0 0 15px rgba(255,99,71,.5)}.robot-controls .stop-btn .stop-icon[data-v-3bb7fbe2]{color:rgba(255,99,71,.9)}.robot-controls .play-status[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:rgba(16,32,58,.9);border:1px solid rgba(64,169,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.robot-controls .play-status[data-v-3bb7fbe2]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 15px rgba(64,169,255,.5);box-shadow:0 0 15px rgba(64,169,255,.5)}.robot-controls .play-status .play-triangle[data-v-3bb7fbe2]{width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent rgba(64,169,255,.9);-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:3px}.robot-controls .play-status.playing[data-v-3bb7fbe2]{background:rgba(16,32,58,.9)}.robot-controls .play-status.playing .wave-animation[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;gap:2px}.robot-controls .play-status.playing .wave-animation span[data-v-3bb7fbe2]{display:inline-block;width:3px;height:100%;background:rgba(64,169,255,.9);border-radius:3px;-webkit-animation:wave-data-v-3bb7fbe2 1.2s ease-in-out infinite;animation:wave-data-v-3bb7fbe2 1.2s ease-in-out infinite}.robot-controls .play-status.playing .wave-animation span[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.robot-controls .play-status.playing .wave-animation span[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.robot-controls .play-status.playing .wave-animation span[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.robot-controls .play-status.playing .wave-animation span[data-v-3bb7fbe2]:nth-child(4){-webkit-animation-delay:.9s;animation-delay:.9s}.robot-controls .play-status.preparing[data-v-3bb7fbe2]{background:rgba(16,32,58,.9);cursor:not-allowed}.robot-controls .play-status.preparing .loading-animation[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:24px;gap:4px}.robot-controls .play-status.preparing .loading-animation span[data-v-3bb7fbe2]{display:inline-block;width:6px;height:6px;background:rgba(255,193,7,.9);border-radius:50%;-webkit-animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite;animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite}.robot-controls .play-status.preparing .loading-animation span[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.robot-controls .play-status.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.robot-controls .play-status.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.robot-controls .play-status.checking[data-v-3bb7fbe2]{background:rgba(255,152,0,.6);border-color:rgba(255,152,0,.6);cursor:wait}@-webkit-keyframes wave-data-v-3bb7fbe2{0%,to{height:8px}50%{height:24px}}@keyframes wave-data-v-3bb7fbe2{0%,to{height:8px}50%{height:24px}}.robot-item[data-v-3bb7fbe2]{cursor:pointer}.robot-item.active[data-v-3bb7fbe2]{background:rgba(13,71,161,.6);border-left:3px solid #2196f3;-webkit-box-shadow:0 0 20px rgba(33,150,243,.3);box-shadow:0 0 20px rgba(33,150,243,.3)}.robot-item.active[data-v-3bb7fbe2]:hover{background:rgba(25,118,210,.7)}.right-panel[data-v-3bb7fbe2]{left:auto;right:2%;width:56%;border:none;background:none;-webkit-box-shadow:none;box-shadow:none}.player-container[data-v-3bb7fbe2]{padding:24px;height:100%}.player-image[data-v-3bb7fbe2]{position:relative;width:100%;height:50%;border-radius:16px;overflow:hidden;margin-bottom:24px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(10,25,47,.98)),to(rgba(30,58,95,.98)));background:linear-gradient(180deg,rgba(10,25,47,.98) 0,rgba(30,58,95,.98));border:1px solid rgba(64,169,255,.3);-webkit-box-shadow:0 0 30px rgba(64,169,255,.2);box-shadow:0 0 30px rgba(64,169,255,.2)}.player-image .particle-canvas[data-v-3bb7fbe2]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:blur(.5px);filter:blur(.5px)}.player-image .player-info[data-v-3bb7fbe2]{position:absolute;bottom:24px;left:24px;color:#fff;z-index:1;width:80%}.player-image .player-info .current-name[data-v-3bb7fbe2]{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 0 20px rgba(64,169,255,.8)}.player-image .player-info .current-serial[data-v-3bb7fbe2]{font-size:16px;opacity:.8;text-shadow:0 0 15px rgba(64,169,255,.6)}.player-image .player-info .current-song[data-v-3bb7fbe2]{font-size:14px;color:hsla(0,0%,100%,.9);margin-top:8px;text-shadow:0 0 15px rgba(64,169,255,.6);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave-container[data-v-3bb7fbe2]{height:15%;width:90%;margin:10% auto 10% 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0;padding:0 20px;background:rgba(16,32,58,.7);border-radius:10px;border:1px solid rgba(64,169,255,.2);position:relative;overflow:hidden}.wave-container[data-v-3bb7fbe2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(64,169,255,.05)),color-stop(rgba(138,43,226,.05)),color-stop(rgba(255,105,180,.05)),to(rgba(64,169,255,.05)));background:linear-gradient(90deg,rgba(64,169,255,.05),rgba(138,43,226,.05),rgba(255,105,180,.05),rgba(64,169,255,.05));background-size:400% 100%;-webkit-animation:gradientMove-data-v-3bb7fbe2 8s linear infinite;animation:gradientMove-data-v-3bb7fbe2 8s linear infinite;z-index:0}.wave-container .wave-bar[data-v-3bb7fbe2]{width:3px;height:2px;background-color:#fff;border-radius:0;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;z-index:1}.wave-container .wave-bar.short[data-v-3bb7fbe2]{height:2px;opacity:.6}.wave-container.playing[data-v-3bb7fbe2]{gap:2px}.wave-container.playing .wave-bar[data-v-3bb7fbe2]{border-radius:2px;-webkit-animation:waveAnimation-data-v-3bb7fbe2 1s ease-in-out infinite;animation:waveAnimation-data-v-3bb7fbe2 1s ease-in-out infinite}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5n+1){background:-webkit-gradient(linear,left top,left bottom,from(#ff3d00),to(#ff9e80));background:linear-gradient(180deg,#ff3d00,#ff9e80);-webkit-box-shadow:0 0 8px rgba(255,61,0,.6);box-shadow:0 0 8px rgba(255,61,0,.6)}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5n+2){background:-webkit-gradient(linear,left top,left bottom,from(#2979ff),to(#82b1ff));background:linear-gradient(180deg,#2979ff,#82b1ff);-webkit-box-shadow:0 0 8px rgba(41,121,255,.6);box-shadow:0 0 8px rgba(41,121,255,.6)}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5n+3){background:-webkit-gradient(linear,left top,left bottom,from(#00e676),to(#b9f6ca));background:linear-gradient(180deg,#00e676,#b9f6ca);-webkit-box-shadow:0 0 8px rgba(0,230,118,.6);box-shadow:0 0 8px rgba(0,230,118,.6)}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5n+4){background:-webkit-gradient(linear,left top,left bottom,from(#d500f9),to(#ea80fc));background:linear-gradient(180deg,#d500f9,#ea80fc);-webkit-box-shadow:0 0 8px rgba(213,0,249,.6);box-shadow:0 0 8px rgba(213,0,249,.6)}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5n+5){background:-webkit-gradient(linear,left top,left bottom,from(#ffea00),to(#ffff8d));background:linear-gradient(180deg,#ffea00,#ffff8d);-webkit-box-shadow:0 0 8px rgba(255,234,0,.6);box-shadow:0 0 8px rgba(255,234,0,.6)}.wave-container.playing .wave-bar.short[data-v-3bb7fbe2]{-webkit-animation:waveAnimationShort-data-v-3bb7fbe2 1s ease-in-out infinite;animation:waveAnimationShort-data-v-3bb7fbe2 1s ease-in-out infinite;opacity:.8}@-webkit-keyframes gradientMove-data-v-3bb7fbe2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientMove-data-v-3bb7fbe2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes waveAnimation-data-v-3bb7fbe2{0%{height:10px;opacity:.7}50%{height:80px;opacity:1}to{height:10px;opacity:.7}}@-webkit-keyframes waveAnimationShort-data-v-3bb7fbe2{0%{height:5px;opacity:.5}50%{height:50px;opacity:.8}to{height:5px;opacity:.5}}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:.03s;animation-delay:.03s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.06s;animation-delay:.06s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:.09s;animation-delay:.09s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(4){-webkit-animation-delay:.12s;animation-delay:.12s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(5){-webkit-animation-delay:.15s;animation-delay:.15s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(6){-webkit-animation-delay:.18s;animation-delay:.18s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(7){-webkit-animation-delay:.21s;animation-delay:.21s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(8){-webkit-animation-delay:.24s;animation-delay:.24s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(9){-webkit-animation-delay:.27s;animation-delay:.27s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(10){-webkit-animation-delay:.3s;animation-delay:.3s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(11){-webkit-animation-delay:.33s;animation-delay:.33s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(12){-webkit-animation-delay:.36s;animation-delay:.36s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(13){-webkit-animation-delay:.39s;animation-delay:.39s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(14){-webkit-animation-delay:.42s;animation-delay:.42s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(15){-webkit-animation-delay:.45s;animation-delay:.45s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(16){-webkit-animation-delay:.48s;animation-delay:.48s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(17){-webkit-animation-delay:.51s;animation-delay:.51s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(18){-webkit-animation-delay:.54s;animation-delay:.54s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(19){-webkit-animation-delay:.57s;animation-delay:.57s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(20){-webkit-animation-delay:.6s;animation-delay:.6s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(21){-webkit-animation-delay:.63s;animation-delay:.63s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(22){-webkit-animation-delay:.66s;animation-delay:.66s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(23){-webkit-animation-delay:.69s;animation-delay:.69s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(24){-webkit-animation-delay:.72s;animation-delay:.72s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(25){-webkit-animation-delay:.75s;animation-delay:.75s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(26){-webkit-animation-delay:.78s;animation-delay:.78s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(27){-webkit-animation-delay:.81s;animation-delay:.81s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(28){-webkit-animation-delay:.84s;animation-delay:.84s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(29){-webkit-animation-delay:.87s;animation-delay:.87s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(30){-webkit-animation-delay:.9s;animation-delay:.9s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(31){-webkit-animation-delay:.93s;animation-delay:.93s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(32){-webkit-animation-delay:.96s;animation-delay:.96s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(33){-webkit-animation-delay:.99s;animation-delay:.99s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(34){-webkit-animation-delay:1.02s;animation-delay:1.02s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(35){-webkit-animation-delay:1.05s;animation-delay:1.05s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(36){-webkit-animation-delay:1.08s;animation-delay:1.08s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(37){-webkit-animation-delay:1.11s;animation-delay:1.11s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(38){-webkit-animation-delay:1.14s;animation-delay:1.14s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(39){-webkit-animation-delay:1.17s;animation-delay:1.17s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(40){-webkit-animation-delay:1.2s;animation-delay:1.2s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(41){-webkit-animation-delay:1.23s;animation-delay:1.23s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(42){-webkit-animation-delay:1.26s;animation-delay:1.26s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(43){-webkit-animation-delay:1.29s;animation-delay:1.29s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(44){-webkit-animation-delay:1.32s;animation-delay:1.32s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(45){-webkit-animation-delay:1.35s;animation-delay:1.35s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(46){-webkit-animation-delay:1.38s;animation-delay:1.38s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(47){-webkit-animation-delay:1.41s;animation-delay:1.41s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(48){-webkit-animation-delay:1.44s;animation-delay:1.44s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(49){-webkit-animation-delay:1.47s;animation-delay:1.47s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(50){-webkit-animation-delay:1.5s;animation-delay:1.5s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(51){-webkit-animation-delay:1.53s;animation-delay:1.53s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(52){-webkit-animation-delay:1.56s;animation-delay:1.56s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(53){-webkit-animation-delay:1.59s;animation-delay:1.59s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(54){-webkit-animation-delay:1.62s;animation-delay:1.62s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(55){-webkit-animation-delay:1.65s;animation-delay:1.65s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(56){-webkit-animation-delay:1.68s;animation-delay:1.68s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(57){-webkit-animation-delay:1.71s;animation-delay:1.71s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(58){-webkit-animation-delay:1.74s;animation-delay:1.74s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(59){-webkit-animation-delay:1.77s;animation-delay:1.77s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(60){-webkit-animation-delay:1.8s;animation-delay:1.8s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(61){-webkit-animation-delay:1.83s;animation-delay:1.83s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(62){-webkit-animation-delay:1.86s;animation-delay:1.86s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(63){-webkit-animation-delay:1.89s;animation-delay:1.89s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(64){-webkit-animation-delay:1.92s;animation-delay:1.92s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(65){-webkit-animation-delay:1.95s;animation-delay:1.95s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(66){-webkit-animation-delay:1.98s;animation-delay:1.98s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(67){-webkit-animation-delay:2.01s;animation-delay:2.01s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(68){-webkit-animation-delay:2.04s;animation-delay:2.04s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(69){-webkit-animation-delay:2.07s;animation-delay:2.07s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(70){-webkit-animation-delay:2.1s;animation-delay:2.1s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(71){-webkit-animation-delay:2.13s;animation-delay:2.13s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(72){-webkit-animation-delay:2.16s;animation-delay:2.16s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(73){-webkit-animation-delay:2.19s;animation-delay:2.19s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(74){-webkit-animation-delay:2.22s;animation-delay:2.22s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(75){-webkit-animation-delay:2.25s;animation-delay:2.25s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(76){-webkit-animation-delay:2.28s;animation-delay:2.28s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(77){-webkit-animation-delay:2.31s;animation-delay:2.31s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(78){-webkit-animation-delay:2.34s;animation-delay:2.34s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(79){-webkit-animation-delay:2.37s;animation-delay:2.37s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(80){-webkit-animation-delay:2.4s;animation-delay:2.4s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(81){-webkit-animation-delay:2.43s;animation-delay:2.43s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(82){-webkit-animation-delay:2.46s;animation-delay:2.46s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(83){-webkit-animation-delay:2.49s;animation-delay:2.49s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(84){-webkit-animation-delay:2.52s;animation-delay:2.52s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(85){-webkit-animation-delay:2.55s;animation-delay:2.55s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(86){-webkit-animation-delay:2.58s;animation-delay:2.58s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(87){-webkit-animation-delay:2.61s;animation-delay:2.61s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(88){-webkit-animation-delay:2.64s;animation-delay:2.64s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(89){-webkit-animation-delay:2.67s;animation-delay:2.67s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(90){-webkit-animation-delay:2.7s;animation-delay:2.7s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(91){-webkit-animation-delay:2.73s;animation-delay:2.73s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(92){-webkit-animation-delay:2.76s;animation-delay:2.76s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(93){-webkit-animation-delay:2.79s;animation-delay:2.79s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(94){-webkit-animation-delay:2.82s;animation-delay:2.82s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(95){-webkit-animation-delay:2.85s;animation-delay:2.85s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(96){-webkit-animation-delay:2.88s;animation-delay:2.88s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(97){-webkit-animation-delay:2.91s;animation-delay:2.91s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(98){-webkit-animation-delay:2.94s;animation-delay:2.94s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(99){-webkit-animation-delay:2.97s;animation-delay:2.97s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(100){-webkit-animation-delay:3s;animation-delay:3s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(101){-webkit-animation-delay:3.03s;animation-delay:3.03s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(102){-webkit-animation-delay:3.06s;animation-delay:3.06s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(103){-webkit-animation-delay:3.09s;animation-delay:3.09s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(104){-webkit-animation-delay:3.12s;animation-delay:3.12s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(105){-webkit-animation-delay:3.15s;animation-delay:3.15s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(106){-webkit-animation-delay:3.18s;animation-delay:3.18s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(107){-webkit-animation-delay:3.21s;animation-delay:3.21s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(108){-webkit-animation-delay:3.24s;animation-delay:3.24s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(109){-webkit-animation-delay:3.27s;animation-delay:3.27s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(110){-webkit-animation-delay:3.3s;animation-delay:3.3s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(111){-webkit-animation-delay:3.33s;animation-delay:3.33s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(112){-webkit-animation-delay:3.36s;animation-delay:3.36s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(113){-webkit-animation-delay:3.39s;animation-delay:3.39s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(114){-webkit-animation-delay:3.42s;animation-delay:3.42s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(115){-webkit-animation-delay:3.45s;animation-delay:3.45s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(116){-webkit-animation-delay:3.48s;animation-delay:3.48s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(117){-webkit-animation-delay:3.51s;animation-delay:3.51s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(118){-webkit-animation-delay:3.54s;animation-delay:3.54s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(119){-webkit-animation-delay:3.57s;animation-delay:3.57s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(120){-webkit-animation-delay:3.6s;animation-delay:3.6s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(121){-webkit-animation-delay:3.63s;animation-delay:3.63s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(122){-webkit-animation-delay:3.66s;animation-delay:3.66s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(123){-webkit-animation-delay:3.69s;animation-delay:3.69s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(124){-webkit-animation-delay:3.72s;animation-delay:3.72s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(125){-webkit-animation-delay:3.75s;animation-delay:3.75s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(126){-webkit-animation-delay:3.78s;animation-delay:3.78s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(127){-webkit-animation-delay:3.81s;animation-delay:3.81s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(128){-webkit-animation-delay:3.84s;animation-delay:3.84s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(129){-webkit-animation-delay:3.87s;animation-delay:3.87s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(130){-webkit-animation-delay:3.9s;animation-delay:3.9s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(131){-webkit-animation-delay:3.93s;animation-delay:3.93s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(132){-webkit-animation-delay:3.96s;animation-delay:3.96s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(133){-webkit-animation-delay:3.99s;animation-delay:3.99s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(134){-webkit-animation-delay:4.02s;animation-delay:4.02s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(135){-webkit-animation-delay:4.05s;animation-delay:4.05s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(136){-webkit-animation-delay:4.08s;animation-delay:4.08s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(137){-webkit-animation-delay:4.11s;animation-delay:4.11s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(138){-webkit-animation-delay:4.14s;animation-delay:4.14s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(139){-webkit-animation-delay:4.17s;animation-delay:4.17s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(140){-webkit-animation-delay:4.2s;animation-delay:4.2s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(141){-webkit-animation-delay:4.23s;animation-delay:4.23s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(142){-webkit-animation-delay:4.26s;animation-delay:4.26s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(143){-webkit-animation-delay:4.29s;animation-delay:4.29s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(144){-webkit-animation-delay:4.32s;animation-delay:4.32s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(145){-webkit-animation-delay:4.35s;animation-delay:4.35s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(146){-webkit-animation-delay:4.38s;animation-delay:4.38s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(147){-webkit-animation-delay:4.41s;animation-delay:4.41s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(148){-webkit-animation-delay:4.44s;animation-delay:4.44s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(149){-webkit-animation-delay:4.47s;animation-delay:4.47s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(150){-webkit-animation-delay:4.5s;animation-delay:4.5s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(151){-webkit-animation-delay:4.53s;animation-delay:4.53s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(152){-webkit-animation-delay:4.56s;animation-delay:4.56s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(153){-webkit-animation-delay:4.59s;animation-delay:4.59s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(154){-webkit-animation-delay:4.62s;animation-delay:4.62s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(155){-webkit-animation-delay:4.65s;animation-delay:4.65s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(156){-webkit-animation-delay:4.68s;animation-delay:4.68s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(157){-webkit-animation-delay:4.71s;animation-delay:4.71s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(158){-webkit-animation-delay:4.74s;animation-delay:4.74s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(159){-webkit-animation-delay:4.77s;animation-delay:4.77s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(160){-webkit-animation-delay:4.8s;animation-delay:4.8s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(161){-webkit-animation-delay:4.83s;animation-delay:4.83s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(162){-webkit-animation-delay:4.86s;animation-delay:4.86s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(163){-webkit-animation-delay:4.89s;animation-delay:4.89s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(164){-webkit-animation-delay:4.92s;animation-delay:4.92s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(165){-webkit-animation-delay:4.95s;animation-delay:4.95s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(166){-webkit-animation-delay:4.98s;animation-delay:4.98s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(167){-webkit-animation-delay:5.01s;animation-delay:5.01s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(168){-webkit-animation-delay:5.04s;animation-delay:5.04s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(169){-webkit-animation-delay:5.07s;animation-delay:5.07s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(170){-webkit-animation-delay:5.1s;animation-delay:5.1s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(171){-webkit-animation-delay:5.13s;animation-delay:5.13s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(172){-webkit-animation-delay:5.16s;animation-delay:5.16s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(173){-webkit-animation-delay:5.19s;animation-delay:5.19s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(174){-webkit-animation-delay:5.22s;animation-delay:5.22s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(175){-webkit-animation-delay:5.25s;animation-delay:5.25s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(176){-webkit-animation-delay:5.28s;animation-delay:5.28s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(177){-webkit-animation-delay:5.31s;animation-delay:5.31s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(178){-webkit-animation-delay:5.34s;animation-delay:5.34s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(179){-webkit-animation-delay:5.37s;animation-delay:5.37s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(180){-webkit-animation-delay:5.4s;animation-delay:5.4s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(181){-webkit-animation-delay:5.43s;animation-delay:5.43s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(182){-webkit-animation-delay:5.46s;animation-delay:5.46s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(183){-webkit-animation-delay:5.49s;animation-delay:5.49s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(184){-webkit-animation-delay:5.52s;animation-delay:5.52s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(185){-webkit-animation-delay:5.55s;animation-delay:5.55s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(186){-webkit-animation-delay:5.58s;animation-delay:5.58s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(187){-webkit-animation-delay:5.61s;animation-delay:5.61s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(188){-webkit-animation-delay:5.64s;animation-delay:5.64s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(189){-webkit-animation-delay:5.67s;animation-delay:5.67s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(190){-webkit-animation-delay:5.7s;animation-delay:5.7s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(191){-webkit-animation-delay:5.73s;animation-delay:5.73s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(192){-webkit-animation-delay:5.76s;animation-delay:5.76s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(193){-webkit-animation-delay:5.79s;animation-delay:5.79s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(194){-webkit-animation-delay:5.82s;animation-delay:5.82s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(195){-webkit-animation-delay:5.85s;animation-delay:5.85s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(196){-webkit-animation-delay:5.88s;animation-delay:5.88s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(197){-webkit-animation-delay:5.91s;animation-delay:5.91s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(198){-webkit-animation-delay:5.94s;animation-delay:5.94s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(199){-webkit-animation-delay:5.97s;animation-delay:5.97s}.wave-container.playing .wave-bar[data-v-3bb7fbe2]:nth-child(200){-webkit-animation-delay:6s;animation-delay:6s}.player-controls[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px;padding:0 40px}.player-controls .mode-controls[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.player-controls .mode-controls .mode-btn[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.player-controls .mode-controls .mode-btn .svg-icon[data-v-3bb7fbe2]{font-size:20px;color:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease}.player-controls .mode-controls .mode-btn[data-v-3bb7fbe2]:hover{background:hsla(0,0%,100%,.25);-webkit-transform:scale(1.05);transform:scale(1.05)}.player-controls .mode-controls .mode-btn:hover .svg-icon[data-v-3bb7fbe2]{color:#fff}.player-controls .mode-controls .mode-btn.active[data-v-3bb7fbe2]{background:rgba(92,112,213,.6)}.player-controls .mode-controls .mode-btn.active .svg-icon[data-v-3bb7fbe2]{color:#fff}.player-controls .mode-controls .mode-btn.active[data-v-3bb7fbe2]:hover{background:rgba(92,112,213,.8)}.player-controls .control-buttons[data-v-3bb7fbe2]{gap:20px}.player-controls .control-buttons .main-play-btn[data-v-3bb7fbe2],.player-controls .control-buttons[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-controls .control-buttons .main-play-btn[data-v-3bb7fbe2]{min-width:60px;min-height:60px;width:5vw;height:5vw;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#1565c0,#0d47a1);border:2px solid rgba(64,169,255,.5);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;-webkit-box-shadow:0 4px 15px rgba(33,150,243,.3),0 0 20px rgba(64,169,255,.4);box-shadow:0 4px 15px rgba(33,150,243,.3),0 0 20px rgba(64,169,255,.4)}.player-controls .control-buttons .main-play-btn[data-v-3bb7fbe2]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 20px rgba(33,150,243,.4),0 0 30px rgba(64,169,255,.6);box-shadow:0 6px 20px rgba(33,150,243,.4),0 0 30px rgba(64,169,255,.6)}.player-controls .control-buttons .main-play-btn.preparing[data-v-3bb7fbe2]{background:linear-gradient(145deg,#ff9800,#f57c00);border-color:rgba(255,193,7,.6);-webkit-box-shadow:0 4px 15px rgba(255,152,0,.3),0 0 20px rgba(255,193,7,.4);box-shadow:0 4px 15px rgba(255,152,0,.3),0 0 20px rgba(255,193,7,.4);cursor:wait}.player-controls .control-buttons .main-play-btn.preparing[data-v-3bb7fbe2]:hover{background:linear-gradient(145deg,#ffa726,#fb8c00);-webkit-box-shadow:0 6px 20px rgba(255,152,0,.4),0 0 30px rgba(255,193,7,.6);box-shadow:0 6px 20px rgba(255,152,0,.4),0 0 30px rgba(255,193,7,.6)}.player-controls .control-buttons .main-play-btn.preparing .loading-animation[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40%;gap:6px}.player-controls .control-buttons .main-play-btn.preparing .loading-animation span[data-v-3bb7fbe2]{display:inline-block;width:8px;height:8px;background:#fff;border-radius:50%;-webkit-animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite;animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite}.player-controls .control-buttons .main-play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.player-controls .control-buttons .main-play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.player-controls .control-buttons .main-play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.player-controls .control-buttons .main-play-btn .play-icon[data-v-3bb7fbe2]{width:40%;height:40%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.player-controls .control-buttons .main-play-btn .play-icon.play-btn-status[data-v-3bb7fbe2]{margin-left:4px}.player-controls .control-buttons .main-play-btn .play-icon.pause-btn-status[data-v-3bb7fbe2]{margin-left:0}.player-controls .control-buttons .next-prev-btn[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#1976d2,#1565c0);border:2px solid rgba(64,169,255,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 10px rgba(33,150,243,.25),0 0 15px rgba(64,169,255,.2);box-shadow:0 2px 10px rgba(33,150,243,.25),0 0 15px rgba(64,169,255,.2)}.player-controls .control-buttons .next-prev-btn[data-v-3bb7fbe2]:hover{background:linear-gradient(145deg,#1e88e5,#1976d2);-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 15px rgba(33,150,243,.35),0 0 20px rgba(64,169,255,.3);box-shadow:0 4px 15px rgba(33,150,243,.35),0 0 20px rgba(64,169,255,.3)}.player-controls .control-buttons .next-prev-btn[data-v-3bb7fbe2]:active{-webkit-transform:scale(.95);transform:scale(.95)}.player-controls .control-buttons .next-prev-btn .control-icon[data-v-3bb7fbe2]{font-size:20px;color:#fff;-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.player-controls .volume-control[data-v-3bb7fbe2]{gap:12px}.player-controls .volume-control .volume-icon[data-v-3bb7fbe2],.player-controls .volume-control[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-controls .volume-control .volume-icon[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.1);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.player-controls .volume-control .volume-slider[data-v-3bb7fbe2]{width:120px}.player-controls .volume-control .volume-slider input[type=range][data-v-3bb7fbe2]{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;outline:none}.player-controls .volume-control .volume-slider input[type=range][data-v-3bb7fbe2]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.player-controls .volume-control .volume-display[data-v-3bb7fbe2]{min-width:45px;text-align:center}.player-controls .volume-control .volume-display .volume-value[data-v-3bb7fbe2]{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.3);background:hsla(0,0%,100%,.1);padding:4px 8px;border-radius:12px;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-transition:all .3s ease;transition:all .3s ease}.player-controls .volume-control .volume-display .volume-value[data-v-3bb7fbe2]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.player-controls .volume-control .playlist-btn[data-v-3bb7fbe2]{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:12px}.player-controls .volume-control .playlist-btn[data-v-3bb7fbe2]:hover{background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}@keyframes waveAnimation-data-v-3bb7fbe2{0%,to{height:40px}50%{height:80px}}@keyframes waveAnimationShort-data-v-3bb7fbe2{0%,to{height:25px}50%{height:50px}}.mode-icon[data-v-3bb7fbe2]{font-size:24px;color:#fff;-webkit-transition:all .3s;transition:all .3s}.mode-btn[data-v-3bb7fbe2]:active{-webkit-transform:scale(.95)!important;transform:scale(.95)!important}.pagination[data-v-3bb7fbe2]{position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);gap:20px;padding:10px;background:rgba(16,32,58,.7);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid rgba(64,169,255,.3)}.pagination .page-btn[data-v-3bb7fbe2],.pagination[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination .page-btn[data-v-3bb7fbe2]{width:40px;height:40px;border-radius:50%;background:rgba(33,150,243,.3);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.pagination .page-btn[data-v-3bb7fbe2]:hover:not(.disabled){background:rgba(33,150,243,.5);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 15px rgba(64,169,255,.5);box-shadow:0 0 15px rgba(64,169,255,.5)}.pagination .page-btn.disabled[data-v-3bb7fbe2]{opacity:.5;cursor:not-allowed}.pagination .page-btn .page-icon[data-v-3bb7fbe2]{font-size:20px;color:#fff}.pagination .page-btn .arrow-right[data-v-3bb7fbe2]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pagination .page-info[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:500}.pagination .page-info .current-page[data-v-3bb7fbe2]{min-width:30px;text-align:center;-webkit-animation:numberChange-data-v-3bb7fbe2 .3s ease;animation:numberChange-data-v-3bb7fbe2 .3s ease}.pagination .page-info .page-divider[data-v-3bb7fbe2]{width:20px;height:2px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,hsla(0,0%,100%,.8)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 50%,transparent)}.pagination .page-info .total-page[data-v-3bb7fbe2]{min-width:30px;text-align:center;opacity:.8}@-webkit-keyframes numberChange-data-v-3bb7fbe2{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes numberChange-data-v-3bb7fbe2{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.robot-song[data-v-3bb7fbe2]{font-size:12px;color:hsla(0,0%,100%,.6);margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-drawer[data-v-3bb7fbe2]{position:absolute;top:0;right:-350px;width:350px;height:100%;background:linear-gradient(135deg,rgba(10,25,47,.95),rgba(21,67,126,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-box-shadow:-8px 0 30px rgba(0,0,0,.3),inset 1px 1px 0 rgba(64,169,255,.1);box-shadow:-8px 0 30px rgba(0,0,0,.3),inset 1px 1px 0 rgba(64,169,255,.1);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-radius:20px 0 0 20px;border-left:1px solid rgba(64,169,255,.3)}.playlist-drawer.show[data-v-3bb7fbe2]{right:0}.playlist-drawer .drawer-header[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:20px 0 0 0}.playlist-drawer .drawer-header .drawer-title[data-v-3bb7fbe2]{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px}.playlist-drawer .drawer-header .close-btn[data-v-3bb7fbe2]{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playlist-drawer .drawer-header .close-btn .close-icon[data-v-3bb7fbe2]{font-size:25px;color:hsla(0,0%,100%,.8);-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.playlist-drawer .drawer-header .close-btn[data-v-3bb7fbe2]:hover{-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}.playlist-drawer .drawer-header .close-btn:hover .close-icon[data-v-3bb7fbe2]{color:#fff}.playlist-drawer .song-list[data-v-3bb7fbe2]{height:calc(100% - 77px);overflow-y:auto;padding:15px}.playlist-drawer .song-list[data-v-3bb7fbe2]::-webkit-scrollbar{width:6px;background:transparent}.playlist-drawer .song-list[data-v-3bb7fbe2]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.playlist-drawer .song-list[data-v-3bb7fbe2]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.playlist-drawer .song-list .song-item[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px;margin-bottom:12px;border-radius:12px;background:linear-gradient(145deg,rgba(16,32,58,.7),rgba(13,71,161,.4));-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid rgba(64,169,255,.2);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(64,169,255,.05);box-shadow:0 4px 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(64,169,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.playlist-drawer .song-list .song-item[data-v-3bb7fbe2]:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px);background:linear-gradient(145deg,rgba(13,71,161,.5),rgba(21,101,192,.3));border-color:rgba(64,169,255,.4);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.15),0 0 15px rgba(64,169,255,.3);box-shadow:0 6px 20px rgba(0,0,0,.15),0 0 15px rgba(64,169,255,.3)}.playlist-drawer .song-list .song-item.playing[data-v-3bb7fbe2]{background:linear-gradient(145deg,rgba(13,71,161,.6),rgba(33,150,243,.4));border-color:rgba(64,169,255,.6);-webkit-box-shadow:0 6px 20px rgba(33,150,243,.2),0 0 15px rgba(64,169,255,.4);box-shadow:0 6px 20px rgba(33,150,243,.2),0 0 15px rgba(64,169,255,.4)}.playlist-drawer .song-list .song-item.playing .song-name[data-v-3bb7fbe2]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.playlist-drawer .song-list .song-item .song-info[data-v-3bb7fbe2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.playlist-drawer .song-list .song-item .song-info .song-name[data-v-3bb7fbe2]{font-size:15px;color:hsla(0,0%,100%,.9);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .3s ease;transition:all .3s ease}.playlist-drawer .song-list .song-item .song-controls[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.playlist-drawer .song-list .song-item .play-btn[data-v-3bb7fbe2]{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.playlist-drawer .song-list .song-item .play-btn[data-v-3bb7fbe2]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:hsla(0,0%,100%,.25)}.playlist-drawer .song-list .song-item .play-btn.playing[data-v-3bb7fbe2]{background:#4583c3}.playlist-drawer .song-list .song-item .play-btn.playing[data-v-3bb7fbe2]:hover{background:#72b7ff}.playlist-drawer .song-list .song-item .play-btn .play-icon[data-v-3bb7fbe2]{font-size:18px;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}@-webkit-keyframes playingWave-data-v-3bb7fbe2{0%,to{height:5px;opacity:.5}50%{height:15px;opacity:1}}@keyframes playingWave-data-v-3bb7fbe2{0%,to{height:5px;opacity:.5}50%{height:15px;opacity:1}}@-webkit-keyframes pulse-data-v-3bb7fbe2{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.6}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}@keyframes pulse-data-v-3bb7fbe2{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.6}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}.song-item.preparing[data-v-3bb7fbe2]{background:linear-gradient(145deg,rgba(255,152,0,.5),rgba(255,193,7,.3));border-color:rgba(255,193,7,.5);-webkit-box-shadow:0 6px 20px rgba(255,152,0,.2),0 0 15px rgba(255,193,7,.3);box-shadow:0 6px 20px rgba(255,152,0,.2),0 0 15px rgba(255,193,7,.3)}.song-item.preparing .song-name[data-v-3bb7fbe2]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.play-btn.preparing[data-v-3bb7fbe2]{background:linear-gradient(145deg,#ff9800,#f57c00);border-color:rgba(255,193,7,.5);-webkit-box-shadow:0 0 10px rgba(255,152,0,.4);box-shadow:0 0 10px rgba(255,152,0,.4)}.play-btn.preparing[data-v-3bb7fbe2]:hover{background:linear-gradient(145deg,#ffa726,#fb8c00)}.play-btn.preparing .loading-animation[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70%;gap:3px}.play-btn.preparing .loading-animation span[data-v-3bb7fbe2]{display:inline-block;width:4px;height:4px;background:#fff;border-radius:50%;-webkit-animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite;animation:pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite}.play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.play-btn.preparing .loading-animation span[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.loading-animation[data-v-3bb7fbe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px}.loading-animation span[data-v-3bb7fbe2]{display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:50%;-webkit-animation:dot-pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite;animation:dot-pulse-data-v-3bb7fbe2 1.5s ease-in-out infinite}.loading-animation span[data-v-3bb7fbe2]:first-child{-webkit-animation-delay:0s;animation-delay:0s}.loading-animation span[data-v-3bb7fbe2]:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.loading-animation span[data-v-3bb7fbe2]:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes dot-pulse-data-v-3bb7fbe2{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.6}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}@keyframes dot-pulse-data-v-3bb7fbe2{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.6}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}