.js-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050}.js-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.js-modal-content{position:relative;margin:50px auto;width:90%;max-width:600px;background-color:white;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,0.5);-webkit-animation:modalFadeIn 0.3s ease-out;animation:modalFadeIn 0.3s ease-out}.js-modal-content.js-modal-lg{max-width:800px}.js-modal-header{padding:15px 20px;border-bottom:1px solid #e5e5e5;position:relative}.js-modal-title{margin:0;font-size:18px;font-weight:500}.js-modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;font-weight:bold;color:#999;cursor:pointer;line-height:1}.js-modal-close:hover{color:#000}.js-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.js-modal-footer{padding:15px 20px;border-top:1px solid #e5e5e5;text-align:center}@-webkit-keyframes modalFadeIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.js-modal-content{width:95%;margin:20px auto}}.js-modal-header.js-modal-header-close-only{text-align:right;border-bottom:none;padding-bottom:0}.js-modal-header.js-modal-header-close-only .js-modal-close{position:static}