.htk-popup { z-index: 200; display: block; position: fixed; overflow: hidden; background-color: white; border-radius: 10px; box-shadow: 0 0 0.4em rgba(1, 1, 1, 0.6); box-sizing: content-box; &.modal { position: absolute; font-size: 1.2em; top: 50%; left: 50%; } & > * { border-radius: 0.1em; } } .htk-background { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 190; background-color: rgba(1, 1, 1, 0.7); opacity: 0; transition: opacity 200ms ease-in-out; }