.modal{position:fixed;top:0;left:0;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal,.modal-content{width:100%;z-index:1000}.modal-content{background:#212121;border-radius:8px;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.modal-body{padding:1rem;max-height:70vh;overflow-y:auto}.modal-footer,.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header{border-bottom:1px solid #cccccc7d;margin-bottom:10px}.modal-footer{border-top:1px solid #ccc;padding-top:10px;margin-top:10px}.modal-title{font-size:1.5em;padding:1rem}.modal-close{cursor:pointer;font-size:1.2em;padding:1rem}