.custom-audio[data-v-86c16858]{--audio-border-radius:8px;--audio-box-shadow:0 2px 2px rgba(0,0,0,.1);--audio-button-bg:hsla(0,0%,100%,.2);--audio-thumb-shadow:0 2px 4px rgba(0,0,0,.2);--audio-volume-thumb-shadow:0 1px 3px rgba(0,0,0,.2);--audio-speed-button-border:hsla(0,0%,100%,.3);--audio-error-bg:#f56c6c;--height:32px;--gap:8px;border-radius:var(--audio-border-radius);box-shadow:var(--audio-box-shadow);color:var(--color-reverse-black);font-family:var(--font-family);padding:.3rem .4rem;transition:all .3s ease;position:relative;box-sizing:border-box;display:inline-block;width:100%;max-width:600px;background-color:var(--color-primary)}.custom-audio.disabled[data-v-86c16858]{pointer-events:none}.custom-audio.has-error[data-v-86c16858]{border:1px solid var(--audio-error-bg)}.audio-container[data-v-86c16858]{display:flex;align-items:center;gap:.5rem}.play-button[data-v-86c16858]{margin-right:.5rem;display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-second);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;background:var(--color-second);border:1px solid var(--audio-speed-button-border);color:var(--color-reverse-black);height:var(--height);width:var(--height)}.play-button[data-v-86c16858]:hover{background:var(--color-card-active)!important}.play-button.loading[data-v-86c16858]{background:var(--audio-button-bg)}.play-button .icon[data-v-86c16858]{width:1.25rem;height:1.25rem}.play-button .loading-spinner[data-v-86c16858]{animation:spin-86c16858 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-top-color:currentcolor;box-sizing:border-box;width:1.25rem;height:1.25rem;flex-shrink:0;border-radius:9999px}.progress-section[data-v-86c16858]{min-width:0;display:flex;flex:1 1 0%;align-items:center;gap:.5rem}.time-display[data-v-86c16858]{white-space:nowrap;text-align:center;font-size:.75rem;line-height:1rem;font-weight:500;opacity:.8}.progress-container[data-v-86c16858]{display:flex;flex:1 1 0%;cursor:pointer;align-items:center;padding:0}.progress-track[data-v-86c16858]{position:relative;width:100%;height:.5rem;border-radius:.125rem;background-color:var(--color-second)}.progress-fill[data-v-86c16858]{height:100%;border-radius:.125rem;background-color:var(--color-fourth);transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}.progress-thumb[data-v-86c16858]{position:absolute;top:50%;width:.75rem;height:.75rem;--un-translate-x:50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:grab;border-radius:9999px;background-color:var(--color-fourth);opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s;box-shadow:var(--audio-thumb-shadow);transform:translate(-50%,-50%)}.progress-thumb[data-v-86c16858]:active{cursor:grabbing}.volume-section[data-v-86c16858]{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:.5rem}.volume-button[data-v-86c16858]{align-items:center;background:var(--color-second);border:1px solid var(--audio-speed-button-border);border-radius:4px;color:var(--color-reverse-black);cursor:pointer;display:flex;height:var(--height);justify-content:center;transition:all .2s ease;width:var(--height)}.volume-button[data-v-86c16858]:hover{background:var(--color-card-active)}.volume-button .icon[data-v-86c16858]{width:1.25rem;height:1.25rem}.volume-dropdown[data-v-86c16858]{background:var(--color-reverse-white);border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--color-reverse-black);opacity:0;padding:8px;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:10}.volume-dropdown.active[data-v-86c16858]{opacity:1;visibility:visible}.volume-dropdown.top[data-v-86c16858]{bottom:42px}.volume-dropdown.down[data-v-86c16858]{top:42px}.volume-container[data-v-86c16858]{align-items:center;cursor:pointer;display:flex;height:100px;justify-content:center;padding:8px 0;width:24px}.volume-track[data-v-86c16858]{background:var(--color-second);border-radius:6px;height:100%;position:relative;width:6px}.volume-num[data-v-86c16858]{font-size:12px;line-height:normal;transform:scale(.85)}.volume-fill[data-v-86c16858],.volume-num[data-v-86c16858]{bottom:0;display:flex;position:absolute}.volume-fill[data-v-86c16858]{background:var(--color-fourth);border-radius:6px;height:var(--fill-height);justify-content:center;width:100%}.volume-fill[data-v-86c16858]:before{background:var(--color-fourth);border-radius:100%;box-shadow:0 0 0 2px #ffffff80;content:"";cursor:grab;height:10px;position:absolute;top:0;transform:translateY(-50%);width:10px}.speed-button[data-v-86c16858]{background:var(--color-second);border:1px solid var(--audio-speed-button-border);border-radius:4px;color:var(--color-reverse-black);cursor:pointer;height:var(--height);padding:0 .5rem;transition:all .2s ease}.speed-button[data-v-86c16858]:hover{background:var(--color-card-active)}.error-message[data-v-86c16858]{align-items:center;background:var(--audio-error-bg);border-radius:var(--audio-border-radius);color:var(--color-reverse-white);display:flex;font-size:12px;height:100%;justify-content:center;left:2.6rem;position:absolute;right:0;top:0}@keyframes spin-86c16858{0%{transform:rotate(0)}to{transform:rotate(1turn)}}