.modal-overlay{background-color:#00000080;position:fixed;inset:0;z-index:50;animation:overlayHide .25s ease-in forwards}.modal-overlay[data-expanded]{animation:overlayShow .25s ease-out}.modal-content{background-color:var(--bg-color);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:24px;z-index:51;animation:contentHide .25s ease-in forwards}.modal-content[data-expanded]{animation:contentShow .25s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;padding:4px;color:#718096;border-radius:4px}.modal-close:hover{background-color:#f7fafc;color:#4a5568}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayHide{0%{opacity:1}to{opacity:0}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes contentHide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}