.modal-overlay{background:#0000004d;display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1.5rem;position:fixed;right:0;top:0;width:100%;z-index:50}.modal-panel{height:auto;height:-moz-fit-content;height:fit-content;margin:auto 0;max-width:42rem;position:relative;width:100%}.modal-panel header{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-panel header h3{font-size:1.25rem;font-weight:600;line-height:2rem;margin-bottom:0}.modal-body{overflow-y:auto;padding:1rem 1.5rem}.modal-action{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.modal-close{align-items:center;background-color:transparent;border-radius:.5rem;display:inline-flex;font-size:.875rem;line-height:1.25rem;margin-left:auto;padding:.5rem .75rem}.modal-close:hover{background-color:#0000000d}