Why is the modal behind blocks?

Question

css

Hello! csgoseller.ru in the chat there is a button "Chat Rules", if you click on it, a modal window will open. The problem is that the window is not displayed on top of the other blocks, but goes behind them. I think the problem is in the z-index, but I don't know how to fix it, please help me find the error.

Answer 1

There is no z-index for the .dialog class in the dialog.css file.
Now, if you write like this, then everything will be ok.

.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 100;
}