.audio-player[data-v-76d78ad6]{align-items:center;border:1px solid rgb(var(--v-theme-grey100));border-radius:14px;display:flex;justify-content:space-between;margin:10px auto;padding:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.right-section[data-v-76d78ad6]{display:flex;flex-direction:column}.left-section[data-v-76d78ad6]{align-items:center;display:flex;flex-shrink:0;gap:12px}.progress-section[data-v-76d78ad6]{width:350px}.timeline[data-v-76d78ad6]{background:transparent;border-radius:999px;cursor:pointer;height:4px;position:relative}.timeline[data-v-76d78ad6]:focus-visible{outline:2px solid rgb(var(--v-theme-grey400));outline-offset:2px}.track[data-v-76d78ad6]{background:rgb(var(--v-theme-grey100));border-radius:999px;inset:0;position:absolute}.filled[data-v-76d78ad6]{background:rgb(var(--v-theme-grey400));width:0}.buffered[data-v-76d78ad6],.filled[data-v-76d78ad6]{border-radius:999px;inset:0 auto 0 0;position:absolute}.buffered[data-v-76d78ad6]{background:rgb(var(--v-theme-grey300));opacity:.8}.thumb[data-v-76d78ad6]{background:#fff;border:2px solid rgb(var(--v-theme-grey400));border-radius:999px;height:12px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.right-controls[data-v-76d78ad6]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:20px}.control-btn[data-v-76d78ad6]{align-items:center;background:transparent;border:none;border-radius:50%;color:rgb(var(--v-theme-grey400));cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s ease}.seek-btn[data-v-76d78ad6]{height:32px;width:32px}.seek-btn[data-v-76d78ad6]:hover{background:rgb(var(--v-theme-grey100));color:rgb(var(--v-theme-grey600))}.play-pause[data-v-76d78ad6]{align-items:center;background:rgb(var(--v-theme-grey400));border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:33px;justify-content:center;transition:all .2s ease;width:33px}.audio-info[data-v-76d78ad6]{display:flex;flex-direction:column;gap:4px;min-width:0}.thumbnail[data-v-76d78ad6]{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.thumbnail-img[data-v-76d78ad6]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:960px){.audio-player[data-v-76d78ad6]{flex-direction:column;gap:20px;padding:20px}.right-section[data-v-76d78ad6]{width:100%}.left-section[data-v-76d78ad6]{justify-content:flex-start;width:100%}.progress-section[data-v-76d78ad6]{width:100%}.right-controls[data-v-76d78ad6]{gap:8px}.control-btn[data-v-76d78ad6]{height:32px;width:32px}.thumbnail[data-v-76d78ad6]{height:60px;width:60px}}@media(max-width:600px){.audio-player[data-v-76d78ad6]{flex-direction:column;gap:16px;padding:20px}.right-section[data-v-76d78ad6]{width:100%}.left-section[data-v-76d78ad6]{justify-content:flex-start;width:100%}.right-controls[data-v-76d78ad6]{gap:6px}.control-btn[data-v-76d78ad6]{height:32px;width:32px}.thumbnail[data-v-76d78ad6]{height:60px;width:60px}}.cursor-pointer.dropdown[data-v-76d78ad6]:hover,.dropdown .v-btn[data-v-76d78ad6]:hover,.dropdown.base-button[data-v-76d78ad6]:hover{background-color:rgb(var(--v-theme-grey50))!important}.dropdown .v-ripple__container[data-v-76d78ad6]{background-color:rgba(var(--v-theme-grey50),.3)!important}.speed-dropdown[data-v-76d78ad6]{min-width:120px!important}.speed-option-text[data-v-76d78ad6]{font-size:.875rem!important}.speed-btn[data-v-76d78ad6]{border-radius:16px;height:32px;min-width:40px;padding:0 8px}.speed-display[data-v-76d78ad6]{color:rgb(var(--v-theme-grey300));font-size:.875rem;font-weight:500;margin-top:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}