.horizontal-audio-player.duration-invalid[data-v-98af11e7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.duration-warning[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1));flex-shrink:0}.play-control[data-v-98af11e7]:disabled{cursor:not-allowed}.play-control[data-v-98af11e7]:disabled,.play-control[data-v-98af11e7]:disabled:hover{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.progress-bar.disabled[data-v-98af11e7]{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.progress-bar.disabled:hover .progress-dot[data-v-98af11e7]{opacity:0}.compact-upload-area.dragging[data-v-98af11e7]{background-color:#f4f4f5d9;border-style:solid;border-color:#71717a}.compact-audio-upload[data-v-98af11e7]{--tw-shadow:0 2px 10px #0f172a09;--tw-shadow-colored:0 2px 10px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-color:#ffffffeb;border-width:1px;border-color:#e4e4e7b3;border-radius:1rem;min-height:80px;padding:.75rem;transition:border-color .2s,background-color .2s,box-shadow .2s;position:relative}.compact-audio-upload[data-v-98af11e7]:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.compact-upload-section[data-v-98af11e7]{justify-content:space-between;align-items:center;height:100%;display:flex}.compact-upload-area[data-v-98af11e7]{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));border-radius:.85rem;flex:1;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.compact-upload-area[data-v-98af11e7]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.compact-upload-area[data-v-98af11e7]{border:1px dashed #d4d4d8}.compact-upload-area[data-v-98af11e7]:hover{border-color:#a1a1aa}.compact-upload-content[data-v-98af11e7]{align-items:center;gap:.75rem;display:flex}.compact-upload-text[data-v-98af11e7]{text-align:left}.compact-title[data-v-98af11e7]{letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem}.compact-subtitle[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));margin-top:.125rem;font-size:.75rem;font-weight:500;line-height:1rem}.hidden-input[data-v-98af11e7]{opacity:0;width:0;height:0;position:absolute}.compact-works-btn[data-v-98af11e7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));--tw-shadow:0 3px 12px #0f172a0a;--tw-shadow-colored:0 3px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.85rem;align-items:center;gap:.375rem;margin-left:.75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.compact-works-btn[data-v-98af11e7]:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.compact-works-btn[data-v-98af11e7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.compact-works-btn[data-v-98af11e7] svg{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.horizontal-audio-player[data-v-98af11e7]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 3px 12px #0f172a0a;--tw-shadow-colored:0 3px 12px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-width:1px;border-color:#e4e4e7cc;border-radius:.9rem;padding:.75rem}.player-horizontal[data-v-98af11e7]{gap:.75rem;width:100%}.player-horizontal[data-v-98af11e7],.track-section[data-v-98af11e7]{align-items:center;display:flex}.track-section[data-v-98af11e7]{flex:0 auto;gap:.5rem;min-width:0}.track-section.no-filename[data-v-98af11e7]{gap:0}.music-icon[data-v-98af11e7]{color:rgb(var(--colors-primary)/var(--tw-text-opacity,1));flex-shrink:0}.music-icon[data-v-98af11e7],.track-name[data-v-98af11e7]{--tw-text-opacity:1}.track-name[data-v-98af11e7]{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;color:rgb(39 39 42/var(--tw-text-opacity,1));max-width:120px;font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden}.duration-badge[data-v-98af11e7]{background-color:rgb(244 244 245/var(--tw-bg-opacity,1));color:rgb(82 82 91/var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;line-height:1rem}.duration-badge[data-v-98af11e7],.play-control[data-v-98af11e7]{--tw-bg-opacity:1;--tw-text-opacity:1}.play-control[data-v-98af11e7]{background-color:rgb(24 24 27/var(--tw-bg-opacity,1));width:2rem;height:2rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 12px #18181b1f;--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.play-control[data-v-98af11e7]:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.play-control[data-v-98af11e7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-control.playing[data-v-98af11e7]{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.play-control.playing[data-v-98af11e7]:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.play-control[data-v-98af11e7] svg{position:relative}.progress-section[data-v-98af11e7]{flex:1;align-items:center;gap:.5rem;min-width:100px;display:flex}.progress-bar[data-v-98af11e7]{cursor:pointer;background-color:rgb(228 228 231/var(--tw-bg-opacity,1));flex:1;height:.375rem}.progress-bar[data-v-98af11e7],.progress-fill[data-v-98af11e7]{--tw-bg-opacity:1;border-radius:9999px;position:relative}.progress-fill[data-v-98af11e7]{background-color:rgb(24 24 27/var(--tw-bg-opacity,1));height:100%;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.progress-dot[data-v-98af11e7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(24 24 27/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));opacity:0;border-radius:9999px;width:.5rem;height:.5rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:-.125rem;right:-.25rem}.progress-bar:hover .progress-dot[data-v-98af11e7]{opacity:1}.time-display[data-v-98af11e7]{min-width:35px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.close-control[data-v-98af11e7],.time-display[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));flex-shrink:0}.close-control[data-v-98af11e7]{border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.close-control[data-v-98af11e7]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.close-control[data-v-98af11e7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.upload-progress-overlay[data-v-98af11e7]{z-index:10;border-radius:1rem;width:100%;overflow:hidden}.progress-background[data-v-98af11e7],.upload-progress-overlay[data-v-98af11e7]{height:100%;position:absolute;top:0;left:0}.progress-background[data-v-98af11e7]{background-color:#10b98133;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.progress-content[data-v-98af11e7]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.progress-text[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1));font-size:1.5rem;font-weight:600;line-height:2rem}.duration-error-overlay[data-v-98af11e7]{z-index:30;background-color:#fffffff2;border-radius:1rem;justify-content:center;height:100%;position:absolute;top:0;left:0}.duration-error-overlay[data-v-98af11e7],.error-content[data-v-98af11e7]{align-items:center;width:100%;display:flex}.error-content[data-v-98af11e7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 24px #0f172a14;--tw-shadow-colored:0 10px 24px var(--tw-shadow-color);max-width:28rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.9rem;gap:.75rem;padding:1rem}.error-text[data-v-98af11e7]{width:100%;display:flex}.error-text[data-v-98af11e7]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.error-title[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem}.error-desc[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-top:.25rem;font-size:.75rem;line-height:1rem}.error-close[data-v-98af11e7]{--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(239 68 68/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.error-close[data-v-98af11e7]:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.compact-api-progress[data-v-98af11e7]{z-index:20;background-color:#fffffff2;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.compact-progress-info[data-v-98af11e7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 6px 18px #0f172a0f;--tw-shadow-colored:0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.85rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.compact-progress-label[data-v-98af11e7]{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem}@media (width<=640px){.player-horizontal[data-v-98af11e7]{gap:.5rem}.track-name[data-v-98af11e7]{max-width:80px}.progress-section[data-v-98af11e7]{min-width:80px}.time-display[data-v-98af11e7]{min-width:30px;font-size:10px}.progress-text[data-v-98af11e7]{font-size:1.25rem;line-height:1.75rem}.error-content[data-v-98af11e7]{margin-left:.75rem;margin-right:.75rem;padding:.75rem}}.compact-multi-audio-upload[data-v-afadebb7]{--tw-shadow:0 2px 10px #0f172a09;--tw-shadow-colored:0 2px 10px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-color:#ffffffeb;border-width:1px;border-color:#e4e4e7b3;border-radius:1rem;transition:border-color .2s,background-color .2s,box-shadow .2s;position:relative}.compact-multi-audio-upload[data-v-afadebb7]:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.compact-upload-section[data-v-afadebb7]{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.compact-upload-section.has-audios[data-v-afadebb7]{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.compact-upload-area[data-v-afadebb7]{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));border-radius:.85rem;flex:1;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.compact-upload-area[data-v-afadebb7]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.compact-upload-area[data-v-afadebb7]{border:1px dashed #d4d4d8}.compact-upload-area[data-v-afadebb7]:hover{border-color:#a1a1aa}.compact-upload-area.dragging[data-v-afadebb7]{background-color:#f4f4f5d9;border-style:solid;border-color:#71717a}.compact-upload-content[data-v-afadebb7]{align-items:center;gap:.75rem;display:flex}.compact-upload-text[data-v-afadebb7]{text-align:left}.compact-title[data-v-afadebb7]{letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem}.compact-subtitle[data-v-afadebb7]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));margin-top:.125rem;font-size:.75rem;font-weight:500;line-height:1rem}.hidden-input[data-v-afadebb7]{opacity:0;width:0;height:0;position:absolute}.compact-works-btn[data-v-afadebb7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));--tw-shadow:0 3px 12px #0f172a0a;--tw-shadow-colored:0 3px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.85rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.compact-works-btn[data-v-afadebb7]:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.compact-works-btn[data-v-afadebb7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.compact-works-btn[data-v-afadebb7] svg{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.audio-list[data-v-afadebb7]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.audio-list[data-v-afadebb7]{padding:.25rem}.audio-item[data-v-afadebb7]{position:relative}.horizontal-audio-player[data-v-afadebb7]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.85rem;width:100%;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.horizontal-audio-player[data-v-afadebb7]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.horizontal-audio-player.duration-invalid[data-v-afadebb7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.player-horizontal[data-v-afadebb7]{width:100%}.player-horizontal[data-v-afadebb7],.track-section[data-v-afadebb7]{align-items:center;gap:.5rem;display:flex}.track-section[data-v-afadebb7]{flex:1;min-width:0}.audio-index[data-v-afadebb7]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));width:1.25rem;height:1.25rem;color:rgb(113 113 122/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.audio-index[data-v-afadebb7],.music-icon[data-v-afadebb7]{--tw-text-opacity:1;flex-shrink:0}.music-icon[data-v-afadebb7]{color:rgb(var(--colors-primary)/var(--tw-text-opacity,1))}.track-name[data-v-afadebb7]{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));max-width:120px;font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden}.duration-warning[data-v-afadebb7]{color:rgb(245 158 11/var(--tw-text-opacity,1))}.duration-display[data-v-afadebb7],.duration-warning[data-v-afadebb7]{--tw-text-opacity:1;flex-shrink:0}.duration-display[data-v-afadebb7]{min-width:35px;color:rgb(113 113 122/var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.duration-display.duration-invalid[data-v-afadebb7]{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));font-weight:600}.play-control[data-v-afadebb7]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.play-control[data-v-afadebb7]:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.play-control[data-v-afadebb7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-control.playing[data-v-afadebb7]{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.play-control.playing[data-v-afadebb7]:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.play-control[data-v-afadebb7]:disabled{cursor:not-allowed}.play-control[data-v-afadebb7]:disabled,.play-control[data-v-afadebb7]:disabled:hover{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.progress-section[data-v-afadebb7]{flex:1;align-items:center;gap:.5rem;min-width:80px;display:flex}.progress-bar[data-v-afadebb7]{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1));border-radius:9999px;flex:1;height:.375rem;position:relative}.progress-bar.disabled[data-v-afadebb7]{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.progress-fill[data-v-afadebb7]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1));border-radius:9999px;height:100%;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.progress-dot[data-v-afadebb7]{--tw-border-opacity:1;border-width:1px;border-color:rgb(24 24 27/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));opacity:0;border-radius:9999px;width:.5rem;height:.5rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:-.125rem;right:-.25rem}.progress-bar:hover .progress-dot[data-v-afadebb7]{opacity:1}.progress-bar.disabled:hover .progress-dot[data-v-afadebb7]{opacity:0}.time-display[data-v-afadebb7]{min-width:35px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.close-control[data-v-afadebb7],.time-display[data-v-afadebb7]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));flex-shrink:0}.close-control[data-v-afadebb7]{border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.close-control[data-v-afadebb7]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.close-control[data-v-afadebb7]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.compact-upload-progress[data-v-afadebb7]{z-index:10;background-color:#fffffff2;border-radius:.9rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.compact-progress-circle[data-v-afadebb7]{width:2.5rem;height:2.5rem;position:relative}.compact-circle-bg[data-v-afadebb7]{border-width:2px;border-color:rgb(228 228 231/var(--tw-border-opacity,1));border-radius:9999px}.compact-circle-bg[data-v-afadebb7],.compact-circle-fill[data-v-afadebb7]{--tw-border-opacity:1;width:100%;height:100%}.compact-circle-fill[data-v-afadebb7]{transform-origin:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:2px;border-color:rgb(var(--colors-primary)/var(--tw-border-opacity,1));clip:rect(0,10px,10px,5px);border-bottom-color:#0000;border-right-color:#0000;border-radius:9999px;top:0;left:0}.compact-circle-fill[data-v-afadebb7],.compact-progress-text[data-v-afadebb7]{position:absolute}.compact-progress-text[data-v-afadebb7]{--tw-text-opacity:1;color:rgb(var(--colors-primary)/var(--tw-text-opacity,1));justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;display:flex;inset:0}@media (width<=640px){.player-horizontal[data-v-afadebb7]{gap:.375rem}.track-name[data-v-afadebb7]{max-width:80px}.progress-section[data-v-afadebb7]{min-width:60px}.duration-display[data-v-afadebb7],.time-display[data-v-afadebb7]{min-width:30px;font-size:10px}}