.modal-wrapper .overlay-wrapper{z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-wrapper .modal{z-index:1000;background-color:var(--color-white);border-radius:1.5rem;width:80%;max-width:800px;max-height:700px;padding:1.5rem;animation:.2s ease-out forwards scale;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:380px){.modal-wrapper .modal{max-height:500px;max-width:0 10px;overflow-y:auto}}@media (max-height:700px){.modal-wrapper .modal{max-height:600px;max-width:0 10px;overflow-y:auto}}@media (max-height:600px){.modal-wrapper .modal{max-height:400px;max-width:0 10px;overflow-y:auto}}.modal-wrapper:not([data-is-open=true]){display:none}.modal-wrapper .modal-close-btn{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.modal-wrapper .modal-close-btn button{cursor:pointer}@keyframes scale{0%{transform:translate(-50%,-50%)scale(.5)}to{transform:translate(-50%,-50%)scale(1)}}