.wpap-audio-component{font-family:sans-serif;margin:2em 0;--accent-color: #000;display:flex;flex-direction:column;align-items:center}.wpap-audio-component.boxed{border:solid 1px #dbdbdb;padding:24px;background-color:#f1f1f1;border-radius:10px}.wpap-controls{display:flex;align-items:center;gap:1em;margin-bottom:.5em}.wpap-time-and-speed{display:flex;align-items:center;gap:1rem}.wpap-time-and-speed .wpap-time{display:flex;align-items:center;gap:.25rem;font-size:.9em;color:#333}.wpap-time-and-speed .wpap-speed-control{display:flex;align-items:center}.wpap-time-and-speed .wpap-speed-control select{background-color:rgba(0,0,0,0);border:none;font-size:.9em;color:#333}.wpap-controls button{background:none;border:none;padding:0;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.wpap-controls svg{width:100%;height:auto}.wpap-time{font-size:.9em;color:#333}.wpap-progress{width:100%;height:6px;background:#eee;accent-color:var(--accent-color);cursor:pointer;padding:4px 0;margin-top:8px}.wpap-toggle span svg{width:48px;height:48px}.wpap-rewind svg,.wpap-forward svg{width:32px;height:32px}.wpap-current{font-weight:bold}