#modal{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:9999;transform:translate(-50%,-50%);visibility:hidden}#modal.visible{visibility:visible}