.root {
    background: rgb(0,0,0,.50);
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transition: opacity .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rootVisible {
    z-index: 1000;
}

.rootInvisible {
    z-index: -1000;
}

.content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: relative;
}