.debug-panel[data-v-1887a4f7]{position:fixed;bottom:20px;left:20px;width:300px;background:#000000e6;color:#fff;z-index:9999;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:80vh;overflow-y:auto}.debug-panel .debug-header[data-v-1887a4f7]{display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.debug-panel .debug-header h3[data-v-1887a4f7]{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.debug-panel .debug-info pre[data-v-1887a4f7]{color:#fff;background:#0003;padding:.75rem;border-radius:4px;overflow-x:auto;font-size:.85em;margin:0}.network-simulation[data-v-c2ac154a]{position:fixed;bottom:20px;right:20px;width:300px;background:#000000e6;color:#fff;z-index:9999;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d}.network-simulation .simulation-header[data-v-c2ac154a]{display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.network-simulation .simulation-header h3[data-v-c2ac154a]{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.network-simulation .network-simulation-controls[data-v-c2ac154a]{background:#ffffff1a;padding:.75rem;border-radius:4px}.player[data-v-c021b0d2]{position:relative;background-color:#00000080;background-image:url(../cover/not-found.png);background-size:cover;height:375px;box-shadow:0 0 20px 3px #00000080;z-index:1}.player .mask[data-v-c021b0d2]{width:100%;height:87%;background-color:#fff3;z-index:2;transition:all 1s}.player:hover .mask[data-v-c021b0d2]{background-color:#ffffff1a;transition:all 1s}.player .like[data-v-c021b0d2]{z-index:15;cursor:pointer}.player .icon-heart[data-v-c021b0d2]{display:block}.player-info[data-v-c021b0d2]{position:absolute;left:0;bottom:0;z-index:4;list-style:none;color:#262626;transform:scale(1);width:100%}.player-info li[data-v-c021b0d2]{margin-bottom:7px}.player-info li[data-v-c021b0d2]:first-child{font-size:1.5em;white-space:nowrap;display:inline-block;width:inherit}.player-info li[data-v-c021b0d2]:nth-child(2){font-size:1.2em}.player-info li[data-v-c021b0d2]:nth-child(3){font-size:.9em}@media(max-width:428px){.player-info li[data-v-c021b0d2]:first-child{font-size:1.3em}.player-info li[data-v-c021b0d2]:nth-child(2){font-size:1em}.player-info li[data-v-c021b0d2]:nth-child(3){font-size:.9em}}.player .icon-play[data-v-c021b0d2]{position:absolute;font-size:1.5em;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .1s;color:#424242}.player #play-button[data-v-c021b0d2]{box-sizing:border-box;position:absolute;width:80px;height:80px;border-radius:50%;box-shadow:0 8px 25px 6px #00000080;right:40px;bottom:90px;z-index:5;cursor:pointer;transition:all 70ms;border:none;background-color:#1c1c1ce6;display:flex;align-items:center;justify-content:center}.player #play-button[data-v-c021b0d2]:hover{width:70px;height:70px;box-shadow:0 4px 15px #00000080;right:45px;bottom:95px;transition:all 70ms}.player #play-button .icon-play[data-v-c021b0d2]{position:absolute;font-size:1.5em;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 70ms;color:#fff}.player #play-button:hover .icon-play[data-v-c021b0d2]{font-size:1.2em;transition:all 70ms}.player #play-button.cursor-not-allowed[data-v-c021b0d2]{cursor:not-allowed;opacity:.7}.control-row[data-v-c021b0d2]{position:absolute;bottom:-1px;width:100%;height:130px;overflow:hidden}.control-row #pause-button[data-v-c021b0d2]{box-sizing:border-box;position:absolute;width:80px;height:80px;border-radius:50%;background-color:#f2f2f2;right:40px;bottom:25px;z-index:5;cursor:pointer;border:none;transform:scale(0);animation:scale-animation-c021b0d2 .4s;animation-fill-mode:forwards;animation-delay:.3s}.control-row #pause-button[data-v-c021b0d2]:hover{box-shadow:0 4px 15px #00000080;transition:all 70ms}.control-row #pause-button .icon-pause[data-v-c021b0d2]{position:absolute;font-size:1.5em;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .1s;color:#424242}@keyframes scale-animation-c021b0d2{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(1)}}.waves-animation-one[data-v-c021b0d2]{background-color:#00000080;transform:scale(0);animation:waves-animation-one-c021b0d2 .25s;animation-fill-mode:forwards;animation-delay:.3s;display:none}.waves-animation-one[data-v-c021b0d2],.waves-animation-two[data-v-c021b0d2]{position:absolute;width:inherit;height:inherit;z-index:3}.waves-animation-two[data-v-c021b0d2]{background-color:#0000004d;animation:waves-animation-two-c021b0d2 .25s;animation-fill-mode:forwards}@keyframes waves-animation-one-c021b0d2{0%{transform:scale(0);border-radius:50%}99%{border-radius:50%;transform:scale(1.6)}to{transform:scale(1.4)}}@keyframes waves-animation-two-c021b0d2{to{transform:scale(0);border-radius:50%}}@keyframes player-info-running-stripe-c021b0d2{0%{transform:translate(110%)}50%{transform:translate(-20%)}to{transform:translate(110%)}}.info-playing[data-v-c021b0d2]{overflow:hidden;color:#fff}.info-playing li[data-v-c021b0d2]:first-child{animation:player-info-running-stripe-c021b0d2 20s linear infinite}.info-stopped[data-v-c021b0d2]{color:#000;overflow:hidden;text-overflow:ellipsis}.play-active[data-v-c021b0d2]{animation:play-animation-c021b0d2 .3s;animation-fill-mode:forwards}@keyframes play-animation-c021b0d2{0%{box-shadow:0 0 0 0 transparent}98%{box-shadow:0 0 0 0 transparent;transform:translate(-200px,65px)}99%{box-shadow:0 0 0 0 transparent;transform:translate(-200px,65px) scale(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(65px) scale(1)}}.play-inactive[data-v-c021b0d2]{animation:play-inactive-c021b0d2 1s;animation-fill-mode:forwards}@keyframes play-inactive-c021b0d2{0%{transform:translateY(65px)}}.direct-stream-container[data-v-c021b0d2]{background-color:#fff;position:relative;z-index:3}.header-player-top-bar[data-v-c021b0d2]{background:#0009;padding:5px;width:100%}.tune-weight-text[data-v-c021b0d2]{font-size:25px;color:#fff;vertical-align:middle}.video-background[data-v-c021b0d2]{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);transition:opacity 2s ease;opacity:1}.video-background iframe[data-v-c021b0d2],.video-foreground[data-v-c021b0d2]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.gradio-header-player-for-video[data-v-c021b0d2]{opacity:.25}.gradio-header-player-for-video[data-v-c021b0d2]:hover{opacity:.8}
