.modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:105}.modal-overlay.slide-in{transform:translateX(120vw);transition:all .3s ease}.modal-overlay.active.slide-in{transform:translate(0);transition:all .3s ease}.modal-overlay.slide-in .modal-wrapper{background-color:#fff;bottom:0;max-width:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(120vw);transition:all .6s ease .3s}.modal-overlay.active.slide-in .modal-wrapper{transform:translate(0);transition:all .6s ease .3s}.modal-overlay.pop-up{align-items:center;display:flex;justify-content:center;transform:translateX(120vw);transition:all .3s ease .3s}.modal-overlay.active.pop-up{transform:translateX(0);transition:all .3s ease}.modal-overlay.pop-up .modal-wrapper{background-color:#fff;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:90vh;max-width:90vw;overflow-x:hidden;overflow-y:auto;position:fixed;transform:translateY(-120vh);transition:all .3s ease}.modal-overlay.active.pop-up .modal-wrapper{transform:translateY(0);transition:all .6s ease .3s}.modal-overlay.active .modal-wrapper .modal-content{display:block}.modal-overlay .modal-wrapper .modal-close-button{align-items:center;background-color:none;border:none;border-radius:50%;display:none;font-size:120%;height:40px;justify-content:center;position:absolute;right:15px;top:15px;width:40px}.modal-overlay.active .modal-wrapper .modal-close-button{display:flex;padding-bottom:5px}.modal-overlay .modal-wrapper .modal-close-button:hover{background-color:rgba(30,30,30,.2);cursor:pointer}.modal-overlay .modal-wrapper .modal-close-button:focus{border:1px solid #3640e8}