audio-player{--ap-bg: #fff;--ap-track-bg: #c8c8c8;--ap-fill: var(--brand-orange);--ap-handle: #fff;--ap-handle-border: #c8c8c8;--ap-text: #000;--ap-btn: #fff;--ap-track-height: 2px;--ap-handle-size: 20px;display:flex;align-items:center;background:var(--ap-bg);border-radius:10px;border:1px solid #c8c8c8;padding:15px;width:100%;color:#000;box-sizing:border-box}audio-player audio{display:none}.audio-player__controls{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.audio-player__btn{background:none;border:none;cursor:pointer;color:var(--ap-btn);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;transition:opacity .15s ease}.audio-player__btn:focus-visible{outline:2px solid var(--ap-fill);outline-offset:3px;border-radius:4px}.audio-player__play-btn{width:26px;height:26px}.audio-player__mute-btn{width:22px;height:22px}.audio-player__icon{width:100%;height:100%;color:#000;transition:color .2s ease}.audio-player__btn:hover .audio-player__icon{color:var(--brand-orange)}audio-player .icon-pause,audio-player .icon-mute{display:none}audio-player[playing] .icon-play{display:none}audio-player[playing] .icon-pause{display:block}audio-player[muted] .icon-volume{display:none}audio-player[muted] .icon-mute{display:block}.audio-player__track{flex:1;position:relative;height:20px;display:flex;align-items:center;cursor:pointer;min-width:0}.audio-player__track:focus-visible{outline:2px solid var(--ap-fill);outline-offset:3px;border-radius:2px}.audio-player__track:before{content:"";position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);height:var(--ap-track-height);background:var(--ap-track-bg);border-radius:2px}.audio-player__fill{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);height:var(--ap-track-height);background:var(--ap-fill);border-radius:2px;width:0;pointer-events:none}.audio-player__handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:var(--ap-handle-size);height:var(--ap-handle-size);background:var(--ap-handle);border:2px solid var(--ap-handle-border);border-radius:50%;pointer-events:none}.audio-player__time{color:var(--ap-text);font-size:1.2rem;white-space:nowrap;flex-shrink:0;letter-spacing:.02em;display:flex;align-items:center;gap:3px}.audio-player__sep{opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/22/assets/audio-player.css.map */