.th-audio{--th-audio-accent: var(--th-coral, #f15e4c);--th-audio-track: rgb(var(--color-foreground-rgb) / .16);display:flex;align-items:center;gap:var(--th-s-3, .75rem);width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:4px var(--th-s-3, .9rem) 4px 4px;background:var(--th-gray-100, #f7f8fc);border:1px solid var(--th-gray-200, rgba(0, 33, 78, .1));border-radius:var(--th-radius-md, 10px)}.th-audio__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--th-white, #fff);background:var(--th-audio-accent);border:none;border-radius:50%;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.th-audio__btn:hover{background:var(--th-coral-hover, #d94e3d)}.th-audio__btn:active{transform:scale(.94)}.th-audio__btn:focus-visible{outline:3px solid var(--th-navy, #00214e);outline-offset:2px}.th-audio__icon--play{margin-inline-start:2px}.th-audio__icon--pause,.th-audio[playing] .th-audio__icon--play{display:none}.th-audio[playing] .th-audio__icon--pause{display:block}.th-audio__label{flex-shrink:0;font-family:var(--th-font-heading);font-size:var(--th-fs-sm, .875rem);font-weight:var(--th-fw-semibold, 600);color:var(--th-navy, #00214e);white-space:nowrap}.th-audio__wave{position:relative;flex:1 1 auto;min-width:48px;height:24px;cursor:pointer;overflow:hidden}.th-audio__wave-bars{display:flex;align-items:center;gap:2px;width:100%;height:100%}.th-audio__wave-bars span{flex:1 1 0;min-width:0;height:calc(max(var(--h),.08)*100%);border-radius:2px;background:currentColor}@media(max-width:1023px){.th-audio__wave-bars{gap:1px}.th-audio__wave-bars span:nth-child(2n){display:none}}@media(max-width:599px){.th-audio__wave-bars span:not(:nth-child(4n+1)){display:none}}.th-audio__wave-bars--base{color:var(--th-audio-track)}.th-audio__wave-fill{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--th-audio-accent);clip-path:inset(0 calc((1 - var(--progress, 0)) * 100%) 0 0);transition:clip-path .08s linear}.th-audio__time{flex-shrink:0;font-family:var(--th-font-body);font-size:var(--th-fs-xs, .78rem);color:var(--th-text-secondary, rgb(var(--color-foreground-rgb) / .72));font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.th-audio__wave-fill,.th-audio__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/th-audio-player.css.map */