.viva-audio{--viva-audio-h: 68px;--viva-audio-pad: 16px 24px;--viva-audio-gap: 12px;--viva-audio-icon: 36px;--viva-audio-font: 24px;--viva-audio-time: 20px;--viva-audio-wave-h: 36px;--viva-audio-bar-w: 3px;--viva-audio-bar-gap: 3px;display:inline-flex;font-family:var(--viva-font)}.viva-audio--sm{--viva-audio-h: 48px;--viva-audio-pad: 8px 16px;--viva-audio-gap: 10px;--viva-audio-icon: 30px;--viva-audio-font: 16px;--viva-audio-time: 14px;--viva-audio-wave-h: 28px;--viva-audio-bar-w: 2px;--viva-audio-bar-gap: 2px}.viva-audio__btn{display:inline-flex;align-items:center;gap:var(--viva-audio-gap);height:var(--viva-audio-h);margin:0;padding:var(--viva-audio-pad);border:1px solid rgb(255 255 255 / 51%);border-radius:999px!important;background:#ffffffb0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(12px);color:#000;font-family:inherit;font-size:var(--viva-audio-font);font-weight:400;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background-color .25s var(--viva-ease),transform .25s var(--viva-ease)}.viva-audio__btn:hover:not(:disabled){background:#ffffffe0}.viva-audio__btn:focus-visible{outline:2px solid var(--viva-glow);outline-offset:3px}.viva-audio__btn:disabled{cursor:default;opacity:1}.viva-audio__icon{position:relative;display:grid;place-items:center;flex:0 0 var(--viva-audio-icon);width:var(--viva-audio-icon);height:var(--viva-audio-icon);border-radius:50%;background:#000;color:#fff}.viva-audio__icon svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viva-audio__icon svg[hidden]{display:none!important}.viva-audio__icon-pause,.viva-audio__icon-loading,[data-state=playing] .viva-audio__icon-play,[data-state=loading] .viva-audio__icon-play{display:none}[data-state=playing] .viva-audio__icon-pause{display:block}[data-state=loading] .viva-audio__icon-loading{display:block;animation:viva-audio-spin .9s linear infinite}.viva-audio__wave,.viva-audio__time,[data-state=playing] .viva-audio__label,[data-state=paused] .viva-audio__label,[data-state=ended] .viva-audio__label{display:none}[data-state=playing] .viva-audio__wave,[data-state=paused] .viva-audio__wave,[data-state=ended] .viva-audio__wave,[data-state=playing] .viva-audio__time,[data-state=paused] .viva-audio__time,[data-state=ended] .viva-audio__time{display:flex}.viva-audio__wave{align-items:center;gap:var(--viva-audio-bar-gap);height:var(--viva-audio-wave-h)}.viva-audio__wave i{display:block;width:var(--viva-audio-bar-w);height:var(--h, 40%);border-radius:2px;background:#00000038;transition:background-color .15s linear}.viva-audio__wave i.is-on{background:#000}[data-state=playing] .viva-audio__wave i.is-on:nth-child(3n){animation:viva-audio-bounce .9s ease-in-out infinite alternate}.viva-audio--sm .viva-audio__wave i:nth-child(n+29){display:none}.viva-audio__time{min-width:2.4em;justify-content:flex-end;font-size:var(--viva-audio-time);font-variant-numeric:tabular-nums}@keyframes viva-audio-bounce{0%{transform:scaleY(.75)}to{transform:scaleY(1.15)}}@keyframes viva-audio-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.viva-audio--lg{--viva-audio-h: 48px;--viva-audio-pad: 8px 16px;--viva-audio-gap: 10px;--viva-audio-icon: 30px;--viva-audio-font: 16px;--viva-audio-time: 14px;--viva-audio-wave-h: 28px;--viva-audio-bar-w: 2px;--viva-audio-bar-gap: 2px}.viva-audio__wave i:nth-child(n+29){display:none}}@media(prefers-reduced-motion:reduce){[data-state=playing] .viva-audio__wave i.is-on:nth-child(3n),[data-state=loading] .viva-audio__icon-loading{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/component-viva-audio-player.css.map */