.modal{position:fixed;z-index:1000;top:0;left:0;display:none;width:100%;height:100%;-webkit-animation:animateIn;animation:animateIn;-webkit-animation-duration:.5s;animation-duration:.5s;opacity:0;background-color:rgba(0,0,0,.65)}.modal.is-open{display:block;opacity:1}.modal-content{position:absolute;z-index:1000;top:50%;left:50%;overflow-y:scroll;width:calc(100% - 1.5rem);max-width:50rem;max-height:70vh;margin-right:auto;margin-left:auto;padding:1.5rem;transform:translate(-50%,-50%);background-color:#fff}@media screen and (min-width:1024px){.modal-content{width:calc(100% - 3rem);max-height:85vh;padding:3rem}}.modal-close{font-size:1rem;position:absolute;top:1rem;right:0;width:2rem;height:2rem;opacity:.4;transition:opacity .25s ease-in-out}.modal-close:hover{opacity:1}.modal-close-icon{position:relative}.modal-close-icon:after,.modal-close-icon:before{position:absolute;left:15px;width:2px;height:25px;content:" ";background-color:#333}.modal-close-icon:before{transform:rotate(45deg)}.modal-close-icon:after{transform:rotate(-45deg)}@-webkit-keyframes animateIn{0%{opacity:0}to{opacity:1}}@keyframes animateIn{0%{opacity:0}to{opacity:1}}