@keyframes slideUp{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.modal{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:100000;-webkit-overflow-scrolling:touch;height:100%;outline:0;overflow:hidden}.modal>div{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.modal>div:after{background-color:rgba(0,0,0,.6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.modal .modal__dialog{margin:0;max-width:400px;position:relative;width:auto;z-index:2}.modal .modal__content{background-clip:padding-box;background-color:#fff;border-radius:32px;outline:0;overflow:hidden;padding:0;position:relative}.modal.modal--open{display:block;overflow-x:hidden;overflow-y:auto}.modal.modal--open .modal-content{animation-delay:0s;animation-duration:.5s;animation-fill-mode:backwards;animation-iteration-count:1;animation-name:slideUp}@media screen and (min-width:1020px){.modal>div{padding:32px}.modal .modal__dialog{margin:32px auto}}