.modal{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.42);display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.86,0,.07,1);visibility:hidden;width:100vw;z-index:100}.modal-content{background-color:var(--white);max-width:100rem;transform:translateY(10rem);transition:all .6s cubic-bezier(.7,0,.07,1)}.modal-content-wrap{max-height:95vh;overflow-y:auto;padding:4rem}.modal-close{background-color:#fff;border:1px solid var(--grey);border-radius:100%;display:ruby;height:3rem;position:absolute;right:-1rem;top:-1rem;width:3rem;z-index:1}.modal-close:before{align-items:center;content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%234a5960" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>');cursor:pointer;display:flex;height:100%;justify-content:center;transform:scale(.8);width:100%}.modal-close:hover:before{transform:scale(.9)}.modal.active{opacity:1;visibility:visible}.modal.active .modal-content{transform:translateY(0)}@media only screen and (max-width:1023px){.modal{padding:2rem}}