[data-type=popup]{position:fixed;overflow:hidden;display:flex;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease-in-out;top:50%;left:50%;transform:translateY(-50%) translate(-50%);padding:30px;background-color:#d3d3d3}[data-type=popup].active{opacity:1;visibility:visible;transition:all .3s ease-in-out}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.backdrop.active{opacity:1;visibility:visible;transition:all .3s ease-in-out}#backdrop-light{background-color:#ffffffb3}#backdrop-dark{background-color:#000000b3}