.modal-wrapper{position:fixed;width:100%;z-index:1000}.modal{position:absolute;display:flex;flex-direction:column;width:100%;background:#101010;border:1px solid #555;border-radius:.25rem;padding:7.5vw 5vw}@media(min-width:500px){.modal{padding:3.125vw}}@media(min-width:1440px){.modal{padding:2.222vw}}@media(min-width:1920px){.modal{padding:1.667vw}}.modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background:#101010;opacity:.8;z-index:999;transition:opacity .3s ease-in-out}.transition-enter{opacity:0}.transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.transition-exit{opacity:1}.transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}