.easy-play{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px}.easy-play audio[hidden]{display:none}.easy-play-button{flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.easy-play-button svg{width:18px;height:18px;fill:currentColor;pointer-events:none}.easy-play-button:hover,.easy-play-button:focus{outline:2px solid currentColor;outline-offset:3px}.easy-play-seek{flex:1;min-width:0;accent-color:currentColor}.easy-play-time{font-size:12px;white-space:nowrap;color:var(--muted,#aaa)}.easy-play-volume{width:72px;accent-color:currentColor}@media(max-width:600px){.easy-play{gap:8px}.easy-play-volume{width:56px}.easy-play-time{font-size:11px}}
.easy-play-seek:focus,.easy-play-volume:focus,.easy-play-seek:active,.easy-play-volume:active{outline:none;box-shadow:none}
article .easy-play .easy-play-button{display:inline-flex;width:42px;min-width:42px;max-width:42px}article .easy-play .easy-play-seek{display:block;width:auto;min-width:0;flex:1}article .easy-play .easy-play-volume{display:block;width:72px;min-width:72px;max-width:72px;flex:0 0 72px}article .easy-play .easy-play-time{display:inline-block;flex:0 0 auto}