.modal{height:100vh;width:100%;position:absolute;top:0}.modal__overlay{background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:100;width:100%;min-height:100vh;animation-name:fadeIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.modal__content{display:flex;flex-direction:column;width:45rem;margin:auto;background-color:#fff;padding:1.6rem 1.6rem 3.2rem;border-radius:1.6rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;animation-name:slideInModal;animation-duration:.6s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.modal__close{align-self:flex-end;display:flex;justify-content:center;align-items:center;background-color:inherit;cursor:pointer}@keyframes slideInModal{0%{top:30%;opacity:.3;transform:rotateX(-20deg) translate(-50%,-50%)}to{top:50%;opacity:1;transform:rotateX(0) translate(-50%,-50%)}}