html.modal-open{height:100vh;overflow-y:hidden;padding-right:15px}.modal{background-color:#202038e6;height:100vh;left:0;overflow-y:auto;overscroll-behavior:contain;padding:2em;position:fixed;top:0;width:100vw;z-index:1000}.modal__frame{box-shadow:0 5px 40px -10px #202038e6;margin:0 auto;width:63%}.modal__close{align-items:center;background-color:transparent;border:unset;display:flex;height:inherit;justify-content:center;outline:unset;padding:0 1em}.modal__close:hover{cursor:pointer}.modal__close i{font-size:1.4em}.modal__header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #dbdfe9;border-top-left-radius:.2em;border-top-right-radius:.2em;display:flex;height:3.5em;justify-content:space-between;top:-2em;width:100%}.modal__header__title{align-items:center;display:flex;font-size:1.2em;font-weight:600;height:inherit;padding-left:1em}.modal__content{background-color:#fff;border-bottom-left-radius:.2em;border-bottom-right-radius:.2em;padding:1em}.modal-fade-enter-active,.modal-fade-enter-active .modal__frame,.modal-fade-leave-active,.modal-fade-leave-active .modal__frame{transition:all .15s ease-in-out}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .modal__frame,.modal-fade-leave-to .modal__frame{opacity:0;transform:translateY(-1.5em)}@media (max-width:47.99em){.modal{background-color:#202038e6;height:100vh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;width:100vw;z-index:1000}.modal,.modal__container{padding:0}.modal__frame{box-shadow:0 5px 40px -10px #202038e6;margin:auto 0;width:100%}.modal__content{padding:1em}}