.post-audio {
    margin: 1rem 0;
    min-width: 0;
    width: 100%;
}

.post-audio audio {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 54px;
    border-radius: 28px;
}

.editor-audio {
    padding: .5rem 0;
}

.editor-audio .post-audio {
    margin: 0;
}

.editor-audio__add {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: 2rem;
    background: #f1f2f3;
    color: #212529;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.editor-audio__add svg {
    width: 24px;
    height: 24px;
    flex: none;
}

.editor-audio__add:hover { background: #e6e8ea; }
.editor-audio__add:focus-visible { outline: 2px solid #0aa5df; outline-offset: 3px; }
.editor-audio__add:disabled { cursor: wait; opacity: .65; }
.editor-audio__error { color: #b42318; font-size: .875rem; margin-top: .5rem; }
.editor-audio [hidden] { display: none !important; }
.dark .editor-audio__add { color: #e9ecef; background: #30343b; }
.dark .editor-audio__add:hover { background: #3c414a; }
.dark .editor-audio__error { color: #ff9b91; }
.dark .post-audio audio { color-scheme: dark; }