.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 20px #0000001a;max-width:640px;width:90%;position:relative;animation:fadeIn .3s ease-out;max-height:90vh;overflow-y:auto}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f0f4f8;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:10px;border:2px solid #f0f4f8}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#64748b}.close-button{position:absolute;top:.5rem;right:.6rem;color:#aaa;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s,background-color .2s;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button:hover,.close-button:focus{color:#ff0202;background-color:#f0f4f8}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}