@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__close{background:none;border:none;height:20px;position:absolute;right:1.25rem;top:1.25rem;transform:rotate(45deg);width:20px}.modal .modal__close:after,.modal .modal__close:before{background:#000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s linear;width:3px}.modal .modal__close:after{transform:translate(-50%,-50%) rotate(90deg)}.modal .modal__close span{font-size:0;line-height:0;text-indent:-10000px}.modal .modal__close:hover:after,.modal .modal__close:hover:before{background:#44ff87}.modal .modal__dialog{margin:0;max-width:400px;position:relative;width:auto;z-index:2}.modal .modal__dialog.modal__dialog--wide{max-width:800px}.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}.modal .modal__close{right:1.875rem;top:1.875rem}}@media screen and (min-width:1320px){.modal .modal__dialog.modal__dialog--wide{max-width:1200px}}