.htk-popup { z-index: 200; display: block; position: fixed; overflow: auto; background-color: white; border-radius: 10px; box-shadow: 0 0 0.4em rgba(1, 1, 1, 0.6); box-sizing: content-box; &.modal { position: relative; font-size: 1.2rem; max-width: 100%; max-height: 100%; } & > * { border-radius: 0.1em; } } .htk-background { position: fixed; display: flex; align-items: center; justify-content: center; left: 0; right: 0; top: 0; bottom: 0; z-index: 190; padding: 20px; background-color: rgba(1, 1, 1, 0.7); opacity: 0; transition: opacity 200ms ease-in-out; }