Hi,
On Safari 14.1.2 on macOS 10.14.6, the modals in my.opalstack.com are appearing behind the overlay layer, and are unusable without doing some DOM hacking. The layout is also a bit off with the close "X" appearing in the top right of the viewport rather than the top right of the modal.
One way to solve it is to add the relative class to the modal element, which makes it position: relative;. This should not, and does not appear to, have any unwanted side effects in Chrome.
<div class="..." role="dialog" aria-modal="true" aria-labelledby="modal-headline">
...
</div>
