.modal-overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99;background:#000000b3;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-content{margin-top:auto;margin-bottom:auto;max-width:500px;width:100%;background:#fff;border:1px solid #ccc;border-radius:20px;display:flex;flex-direction:column;padding:20px;gap:10px;box-sizing:border-box}.modal-content .modal-body{display:flex;flex-direction:column;gap:10px}.modal-header .modal-close-button{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:100px;box-sizing:border-box}.modal-body p{margin:0}.modal-header{display:flex;flex-direction:row;align-items:center;gap:10px}.modal-header .modal-title{flex:1;text-align:left}