/* Waveform : [rd_waveform]
   Kleur en dikte komen per shortcode binnen via --rbd-wave-kleur en --rbd-wave-dikte */
.rbd_waveform {
    --rbd-wave-kleur: #fff;
    --rbd-wave-dikte: 2px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    line-height: 0;
}

/* Lijnen links en rechts rekken mee met de breedte */
.rbd_waveform .rbd_waveform_lijn {
    display: block;
    flex: 1 1 0%;
    min-width: 0;
    height: var(--rbd-wave-dikte);
    /* Basislijn van de golf ligt op y=19 in de viewBox */
    margin: calc(19px - var(--rbd-wave-dikte) / 2) 0 0 0;
    padding: 0;
    border: 0;
    background-color: var(--rbd-wave-kleur);
    border-radius: var(--rbd-wave-dikte);
}

/* Golf in het midden blijft vast van formaat */
.rbd_waveform .rbd_waveform_golf {
    display: block;
    flex: 0 0 25px;
    width: 25px;
    height: 32px;
    margin: 0;
    overflow: visible;
}

.rbd_waveform .rbd_waveform_golf path {
    fill: none;
    stroke: var(--rbd-wave-kleur);
    stroke-width: var(--rbd-wave-dikte);
    stroke-linecap: round;
    stroke-linejoin: round;
}