.background_main {
    display: none;
    position: fixed;
    background-color: black;
    z-index: 100;
    top: 0;
    width: 100vw;
    height: 100vh;
}
[close] {
    display: none;
}
[level="0"] {
    z-index: 101;
}
[level="1"] {
    z-index: 102;
}
[level="2"] {
    z-index: 103;
}
[data-modal-position="center"] {
    position: fixed;
    display: none;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[data-modal-position="left"] {
    position: fixed;
    top: 0;
    left: -100%;
    right: unset;
}
[data-modal-position="right"] {
    position: fixed;
    top: 0;
    right: -100%;
    left: unset;
}