plugin-audio.plugin-audio{--audio-ink: var(--vn-ink, #f1f0ec);--audio-muted: var(--vn-ink-3, rgb(241 240 236 / .42));--audio-line: var(--vn-line, rgb(241 240 236 / .1));--audio-dry: #dcdad4;--audio-wet: var(--vn-accent, #ef6268);display:grid;gap:28px;color:var(--audio-ink)}.plugin-audio__deck{display:flex;align-items:center;gap:18px}.plugin-audio button{margin:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit}.plugin-audio button:disabled{opacity:.4;cursor:default}.plugin-audio__play{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 24px 0 20px;border-radius:28px!important;background:var(--audio-ink)!important;color:#0a0b0d!important;font-weight:500!important;font-size:15px!important;transition:transform .2s}.plugin-audio__play:not(:disabled):hover{transform:translateY(-1px)}.plugin-audio__play-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor}.plugin-audio.is-playing .plugin-audio__play-icon{width:10px;height:12px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.plugin-audio__switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,300px);height:56px;padding:4px;border-radius:28px;box-shadow:inset 0 0 0 1px #f1f0ec2e;isolation:isolate}.plugin-audio__switch button{position:relative;z-index:1;border-radius:24px!important;font-weight:500!important;font-size:15px!important;color:var(--audio-muted)!important;transition:color .25s}.plugin-audio__switch button[aria-checked=true]{color:#0a0b0d!important}.plugin-audio__thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:24px;background:var(--audio-dry);transition:transform .35s cubic-bezier(.65,0,.35,1),background-color .35s}.plugin-audio[data-version=wet] .plugin-audio__thumb{transform:translate(100%);background:var(--audio-wet)}.plugin-audio__wave{position:relative;display:block;width:100%;height:72px;background:linear-gradient(var(--audio-ink),var(--audio-ink)) calc(var(--playhead, 0) * 100%) 0 / 1px 100% no-repeat,linear-gradient(var(--audio-line),var(--audio-line)) 0 50% / 100% 1px no-repeat}.plugin-audio:not(.is-playing) .plugin-audio__wave{background-size:0 0,100% 1px}.plugin-audio__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.plugin-audio__item{position:relative;display:grid;gap:6px;width:100%;padding:20px 0 6px!important;text-align:left;border-top:1px solid var(--audio-line)!important;color:var(--audio-muted)!important;transition:color .2s}.plugin-audio__item:hover,.plugin-audio__item[aria-pressed=true]{color:var(--audio-ink)!important}.plugin-audio__result{font:400 11px/1.3 var(--vn-mono, monospace);letter-spacing:.14em;text-transform:uppercase}.plugin-audio__item[aria-pressed=true] .plugin-audio__result{color:var(--audio-wet)}.plugin-audio__preset{font-weight:500;font-size:21px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}.plugin-audio__meta{font-size:13px;line-height:1.5;color:var(--audio-muted)}.plugin-audio__progress{position:absolute;inset:-1px 0 auto;height:2px;overflow:hidden}.plugin-audio__progress i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--audio-ink);transform-origin:left;transform:scaleX(var(--progress, 0))}.plugin-audio__status{min-height:1.4em;font-size:13px;color:var(--audio-muted)}.plugin-audio__fallback{list-style:none;margin:0;padding:0;display:grid;gap:20px;font-size:14px}.plugin-audio__fallback audio{display:block;width:100%;margin-top:6px}@media(max-width:749px){.plugin-audio__deck{flex-wrap:wrap}.plugin-audio__switch{flex:1}.plugin-audio__list{grid-template-columns:1fr}.plugin-audio__item{grid-template-columns:1fr auto;column-gap:12px}.plugin-audio__result,.plugin-audio__meta{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.plugin-audio__thumb,.plugin-audio__play,.plugin-audio__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/plugin-audio.css.map */