.modal{background-color:var(--bg-color);display:flex;flex-direction:column;padding:1em;border-radius:1em;min-width:40%;max-width:50%;max-height:80%}.modal-header{margin-bottom:1em;padding:0 10px}.modal-title,.modal-title *{margin:0}.modal-title>p{text-align:left;margin-top:10px}.modal-content{position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent;max-height:95vh}.modal>div:last-child{display:flex}.modal>div:last-child *{flex-grow:1}.dark-backdrop{background-color:rgba(0,0,0,.7);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center}