.modal{z-index:10;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 20px;display:flex;position:fixed;top:0;left:0}.modal .modal-box{background-color:#fff;border:1px solid #efefef;border-radius:15px;width:100%;max-width:500px;height:fit-content;max-height:70vh;padding:20px;line-height:1.8rem;position:relative;overflow:hidden scroll;box-shadow:0 2px 20px #00000019}@media screen and (max-width:900px){.modal .modal-box{max-height:80vh;padding:10px}}.modal .modal-box .modal-close{aspect-ratio:1;cursor:pointer;background-color:#efefef;border-radius:100%;justify-content:center;align-items:center;width:fit-content;padding:7px;display:flex;position:absolute;top:10px;right:5px}.modal .modal-box .modal-close:hover{background-color:#ececec}