.compact-audio{color:#fafaf7;display:inline-flex;position:relative}.compact-audio audio{display:none}.compact-audio>button{background:conic-gradient(#b08d57 var(--audio-progress,0%), #727476 0);width:56px;height:56px;color:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:5px;display:grid;position:relative;box-shadow:0 5px 20px #0004}.compact-audio>button:before{content:"";border-radius:inherit;background:#202124;position:absolute;inset:3px}.compact-audio svg{fill:currentColor;width:22px;height:22px;position:relative}.compact-audio>button:focus-visible{outline-offset:4px;outline:2px solid #b08d57}.compact-audio-error{color:#fafaf7;background:#202124;border-radius:5px;width:max-content;max-width:240px;padding:8px 12px;font:12px/1.5 sans-serif;position:absolute;bottom:calc(100% + 8px);right:0}