#app{flex:1 1 auto;display:flex;flex-direction:column}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal .modal-content{background:#fff;width:30em;max-width:90%;min-width:fit-content;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1em;border-bottom:1px solid #0003}.modal .close-btn{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#adb5bd;transition:color .2s;height:1em;margin:0;width:1em;padding:0}.modal .close-btn:hover{color:#495057}