:modal — стили открытого dialog без [open]
Псевдокласс для нативной модалки.
Селектор `dialog:modal` применяется, когда `<dialog>` показан через `.showModal()` — можно задить анимацию входа и `outline: none` на фокусируемой обёртке без класса `.is-open` в JS.
Парно стилизуйте `dialog::backdrop` для затемнения.
- :modal — MDN — Псевдокласс :modal.
- <dialog> — MDN — Элемент dialog.
Фокус
Не убирайте видимый focus ring у первого фокусируемого элемента внутри модалки.