@container も気になりますねリサイズしてください
https://developer.mozilla.org/ja/docs/Web/CSS/accent-color
inert
ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 – ICS MEDIA
<form inert class="inert"><p><input type="text" placeholder="操作を無効" /></p></form>
I’m transitioning from
display: none to display: block using opacity