.music-controls.compact-view[data-v-d22a44b5]{align-items:center;display:flex;gap:1rem;height:50px;justify-content:space-between;padding:0 .75rem;width:100%}.song-details[data-v-d22a44b5]{flex-grow:1;gap:.75rem;min-width:0;overflow:hidden}.album-art[data-v-d22a44b5],.song-details[data-v-d22a44b5]{align-items:center;display:flex}.album-art[data-v-d22a44b5]{flex-shrink:0;height:36px;justify-content:center;width:36px}.equalizer-container[data-v-d22a44b5]{align-items:flex-end;display:flex;height:20px;justify-content:space-between;width:20px}.equalizer-container span[data-v-d22a44b5]{background-color:var(--dark-primary-accent);border-radius:2px;height:100%;transform:scaleY(.2);transform-origin:bottom;width:3px}body.light-mode .equalizer-container span[data-v-d22a44b5]{background-color:var(--light-primary)}.album-art.is-playing .equalizer-container span[data-v-d22a44b5]{animation:equalizer-anim-d22a44b5 .5s ease-in-out infinite alternate}@keyframes equalizer-anim-d22a44b5{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.album-art.is-playing span[data-v-d22a44b5]:first-child{animation-duration:.4s}.album-art.is-playing span[data-v-d22a44b5]:nth-child(2){animation-duration:.6s}.album-art.is-playing span[data-v-d22a44b5]:nth-child(3){animation-duration:.5s}.album-art.is-playing span[data-v-d22a44b5]:nth-child(4){animation-duration:.8s}.title-wrapper[data-v-d22a44b5]{overflow:hidden;width:100%}.title[data-v-d22a44b5]{color:var(--dark-text-color);display:inline-block;font-size:.85rem;font-weight:600;line-height:1.2;white-space:nowrap}body.light-mode .title[data-v-d22a44b5]{color:var(--light-text-color)}.title-wrapper.is-overflowing .title[data-v-d22a44b5]{animation:marquee-anim-d22a44b5 10s linear infinite;padding-left:100%}.title-wrapper.is-overflowing .title[data-v-d22a44b5]:after{content:attr(data-title);display:inline-block;padding-left:2rem}@keyframes marquee-anim-d22a44b5{0%{transform:translate(0)}to{transform:translate(-100%)}}.artist[data-v-d22a44b5]{color:var(--dark-secondary-text-color);font-size:.75rem;line-height:1.2}body.light-mode .artist[data-v-d22a44b5]{color:#6c757d}.controls[data-v-d22a44b5]{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.control-btn[data-v-d22a44b5]{background:none;border:none;color:var(--dark-secondary-text-color);cursor:pointer;display:grid;font-size:1.25rem;padding:.5rem;place-items:center;transition:color .2s ease}.control-btn[data-v-d22a44b5]:hover{color:var(--dark-text-color)}body.light-mode .control-btn[data-v-d22a44b5]{color:#6c757d}body.light-mode .control-btn[data-v-d22a44b5]:hover{color:var(--light-text-color)}.control-btn.play-pause[data-v-d22a44b5]{align-items:center;background-color:var(--dark-text-color);border-radius:50%;color:var(--dark-card-bg);display:flex;font-size:1.1rem;height:34px;justify-content:center;width:34px}.control-btn.play-pause[data-v-d22a44b5]:hover{background-color:var(--dark-primary-accent);color:#000;transform:scale(1.1)}body.light-mode .control-btn.play-pause[data-v-d22a44b5]{background-color:var(--light-primary);color:#fff}body.light-mode .control-btn.play-pause[data-v-d22a44b5]:hover{background-color:var(--light-primary);opacity:.8}.button-loader[data-v-d22a44b5]{animation:rotation-d22a44b5 1s linear infinite;border-color:currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;height:16px;width:16px}@keyframes rotation-d22a44b5{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.expanded-content[data-v-666f7d4e]{align-items:center;display:flex;gap:1.25rem;height:100%;padding:1rem;width:100%}.expanded-thumbnail[data-v-666f7d4e]{border-radius:8px;flex-shrink:0;height:120px;-o-object-fit:cover;object-fit:cover;width:120px}.expanded-info-wrapper[data-v-666f7d4e]{flex-direction:column;height:100%;min-width:0}.expanded-info-wrapper[data-v-666f7d4e],.top-section[data-v-666f7d4e]{display:flex;justify-content:space-between;width:100%}.bottom-section[data-v-666f7d4e]{width:100%}.expanded-details[data-v-666f7d4e]{overflow:hidden;text-align:left}.title-wrapper[data-v-666f7d4e]{overflow:hidden;width:100%}.expanded-title[data-v-666f7d4e]{color:var(--dark-text-color);display:inline-block;font-size:1.1rem;font-weight:600;white-space:nowrap}.title-wrapper.is-overflowing .expanded-title[data-v-666f7d4e]{animation:marquee-anim-666f7d4e 12s linear infinite;padding-left:100%}.title-wrapper.is-overflowing .expanded-title[data-v-666f7d4e]:after{content:attr(data-title);display:inline-block;padding-left:2rem}@keyframes marquee-anim-666f7d4e{0%{transform:translate(0)}to{transform:translate(-100%)}}.expanded-artist[data-v-666f7d4e]{color:var(--dark-secondary-text-color);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.light-mode .expanded-title[data-v-666f7d4e]{color:var(--light-text-color)}body.light-mode .expanded-artist[data-v-666f7d4e]{color:#6c757d}.expanded-actions[data-v-666f7d4e]{display:flex;flex-shrink:0;gap:.5rem}.action-btn[data-v-666f7d4e]{background-color:transparent;border:none;border-radius:50%;color:var(--dark-secondary-text-color);cursor:pointer;display:grid;font-size:.9rem;height:30px;place-items:center;transition:background-color .2s ease,color .2s;width:30px}.action-btn[data-v-666f7d4e]:hover{background-color:var(--dark-border-color);color:var(--dark-text-color)}body.light-mode .action-btn[data-v-666f7d4e]{color:#6c757d}body.light-mode .action-btn[data-v-666f7d4e]:hover{background-color:var(--light-border-color);color:var(--light-text-color)}.expanded-controls[data-v-666f7d4e]{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:.5rem}.expanded-controls .control-btn[data-v-666f7d4e]{background:none;border:none;color:var(--dark-secondary-text-color);cursor:pointer;font-size:1.75rem;padding:0;transition:color .2s ease}.expanded-controls .control-btn[data-v-666f7d4e]:hover{color:var(--dark-text-color)}body.light-mode .expanded-controls .control-btn[data-v-666f7d4e]{color:#6c757d}body.light-mode .expanded-controls .control-btn[data-v-666f7d4e]:hover{color:var(--light-text-color)}.expanded-controls .play-pause[data-v-666f7d4e]{align-items:center;background-color:var(--dark-text-color);border-radius:50%;color:var(--dark-card-bg);display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.expanded-controls .play-pause[data-v-666f7d4e]:hover{background-color:var(--dark-primary-accent);color:#000;transform:scale(1.05)}body.light-mode .expanded-controls .play-pause[data-v-666f7d4e]{background-color:var(--light-primary);color:#fff}body.light-mode .expanded-controls .play-pause[data-v-666f7d4e]:hover{background-color:var(--light-primary);opacity:.8}.button-loader[data-v-666f7d4e]{animation:rotation-666f7d4e 1s linear infinite;border-color:currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;display:inline-block;height:20px;width:20px}@keyframes rotation-666f7d4e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.time-display[data-v-666f7d4e]{color:var(--dark-secondary-text-color);display:flex;font-size:.7rem;justify-content:space-between;margin-top:.25rem;padding:0 2px}body.light-mode .time-display[data-v-666f7d4e]{color:#6c757d}.progress-bar[data-v-666f7d4e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.progress-bar[data-v-666f7d4e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.progress-bar[data-v-666f7d4e]::-moz-range-thumb{-moz-appearance:none;appearance:none;border:0;height:0;width:0}.progress-bar[data-v-666f7d4e]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--dark-text-color) var(--progress-percent),var(--dark-border-color) var(--progress-percent));border-radius:2px;height:4px;width:100%}body.light-mode .progress-bar[data-v-666f7d4e]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--light-text-color) var(--progress-percent),var(--light-border-color) var(--progress-percent))}.progress-bar[data-v-666f7d4e]::-moz-range-track{background:linear-gradient(to right,var(--dark-text-color) var(--progress-percent),var(--dark-border-color) var(--progress-percent));border-radius:2px;height:4px;width:100%}body.light-mode .progress-bar[data-v-666f7d4e]::-moz-range-track{background:linear-gradient(to right,var(--light-text-color) var(--progress-percent),var(--light-border-color) var(--progress-percent))}.volume-container-vertical[data-v-666f7d4e]{align-items:center;color:var(--dark-secondary-text-color);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;height:100%;justify-content:center;padding:0 .5rem}body.light-mode .volume-container-vertical[data-v-666f7d4e]{color:#6c757d}.volume-slider-vertical[data-v-666f7d4e]{-webkit-appearance:slider-vertical;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;direction:rtl;height:100%;margin:0;padding:0;width:8px;writing-mode:vertical-lr}.volume-slider-vertical[data-v-666f7d4e]::-webkit-slider-runnable-track{background:var(--dark-border-color);border-radius:2px;height:100%;width:4px}body.light-mode .volume-slider-vertical[data-v-666f7d4e]::-webkit-slider-runnable-track{background:var(--light-border-color)}.volume-slider-vertical[data-v-666f7d4e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dark-text-color);border:none;border-radius:50%;height:14px;margin-left:-5px;width:14px}body.light-mode .volume-slider-vertical[data-v-666f7d4e]::-webkit-slider-thumb{background:var(--light-text-color)}.volume-slider-vertical[data-v-666f7d4e]::-moz-range-track{background:var(--dark-border-color);border-radius:2px;height:100%;width:4px}body.light-mode .volume-slider-vertical[data-v-666f7d4e]::-moz-range-track{background:var(--light-border-color)}.volume-slider-vertical[data-v-666f7d4e]::-moz-range-thumb{background:var(--dark-text-color);border:none;border-radius:50%;height:14px;width:14px}body.light-mode .volume-slider-vertical[data-v-666f7d4e]::-moz-range-thumb{background:var(--light-text-color)}@media(max-width:575.98px){.expanded-content[data-v-666f7d4e]{gap:1rem;padding-right:1rem}.expanded-thumbnail[data-v-666f7d4e]{height:80px;width:80px}.volume-container-vertical[data-v-666f7d4e]{display:none}}.hidden-player[data-v-d6e42456]{display:none!important}.player-wrapper[data-v-d6e42456]{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#202c33bf;border:1px solid var(--dark-border-color);border-radius:50px;bottom:1rem;box-shadow:0 10px 30px #00000040;cursor:pointer;height:50px;left:50%;max-width:480px;position:fixed;transform:translate(-50%);transition:all .4s cubic-bezier(.25,1,.5,1);width:calc(100% - 2rem);z-index:999}body.light-mode .player-wrapper[data-v-d6e42456]{background-color:#ffffffbf;border-color:var(--light-border-color);box-shadow:0 10px 30px #0000001a}.slide-up-enter-active[data-v-d6e42456]{transition:all .5s cubic-bezier(.25,.8,.25,1)}.slide-up-leave-active[data-v-d6e42456]{transition:all .3s ease-in-out}.slide-up-enter-from[data-v-d6e42456],.slide-up-leave-to[data-v-d6e42456]{opacity:0;transform:translate(-50%,120px)}.player-wrapper.is-expanded[data-v-d6e42456]{border-radius:16px;cursor:default;height:160px}@media(min-width:768px){.player-wrapper[data-v-d6e42456]{bottom:1.5rem;width:380px}.player-wrapper.is-expanded[data-v-d6e42456]{height:160px;width:500px}}.display-1[data-v-2095cfb3]{font-size:8rem}.btn-primary[data-v-2095cfb3]{font-size:1rem;padding:.75rem 1.5rem}