/* Control symbols are drawn in CSS so the interface does not depend on emoji glyphs. */
.sound-mark{display:grid;width:68px;height:68px;place-items:center;border:1px solid var(--accent);border-radius:50%}.sound-mark::before{width:22px;height:28px;border-inline:4px solid var(--accent);border-radius:3px;content:""}.play::before{width:0;height:0;margin-left:4px;border-block:10px solid transparent;border-left:16px solid currentColor;content:""}.play.is-paused::before{width:16px;height:20px;margin-left:0;border:0;border-inline:4px solid currentColor;border-radius:1px;content:""}.previous-icon::before{width:11px;height:14px;border-left:2px solid currentColor;border-block:7px solid transparent;border-right:10px solid currentColor;content:""}.next-icon::before{width:11px;height:14px;border-right:2px solid currentColor;border-block:7px solid transparent;border-left:10px solid currentColor;content:""}.volume-icon::before{width:8px;height:14px;border-block:7px solid transparent;border-right:12px solid currentColor;content:""}.volume-icon::after{width:7px;height:12px;margin-left:-2px;border-right:2px solid currentColor;border-radius:0 10px 10px 0;content:""}.volume-icon.is-muted::after{height:18px;transform:rotate(45deg);border-radius:0;content:""}