.modal-backdrop{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background-color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:80%;max-width:500px;height:auto;max-height:500px;font-size:14px;font-weight:500;position:relative}.modal-content{width:100%;height:100%;padding:20px}.close-button{cursor:pointer;background-color:#0000;border:none;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:500;display:flex;position:absolute;top:10px;right:10px}.close-button:hover{background-color:#eee}.close-button:after{content:"×";color:#000}