.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s}.modal-content{background-color:#fefefe;margin:10% auto;padding:0;border:4px solid #FFC107;width:90%;max-width:500px;border-radius:8px;box-shadow:0 10px 40px #0000004d;animation:slideDown .3s;position:relative}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;top:10px;right:15px;z-index:1}.close-modal:hover,.close-modal:focus{color:#000;text-decoration:none}#modalTitle{background:#ffc107;color:#000;padding:15px 20px;margin:0;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}.modal-options{padding:20px;max-height:400px;overflow-y:auto}.modal-option-item{margin-bottom:12px;display:flex;align-items:center;padding:10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.modal-option-item:hover{background-color:#fff8e1;border-color:#ffc107}.modal-option-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#ffc107}.modal-btn{display:block;width:calc(100% - 40px);margin:0 20px 20px;text-align:center;padding:12px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}