Ranger Slider broken on Safari if preceded by an audio tag

[guidotripaldi]

On Safari, both desktop and mobile, the left side of the slider is squared instead of rounded if a preceeding audio tag (not necessarily immediately preceding) has its controls visible (ex. 1). Instead it looks normal when the audio tag has no controls (ex. 2), or when viewed on Firefox/Chrome.

Example 1

This code

    <audio  controls src=""></audio>
       ...
    <input type="range" min="0" max="100" class="range w-40 max-w-xs">

Example 2

    <audio src=""></audio>
       ...
    <input type="range" min="0" max="100" class="range w-40 max-w-xs">