@import "../base"; @import "./config"; .root { position: fixed; top: 0; left: 0; z-index: $z-index-highest; display: flex; width: 100vw; height: 100vh; flex-direction: column; align-content: center; align-items: center; justify-content: center; pointer-events: none; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: $overlay-color; opacity: 0; transition-timing-function: $animation-curve-default; transition-duration: $animation-duration; transition-property: opacity; } .active { pointer-events: all; }