.modal-content{position:relative}.close-button{background-color:transparent;outline:none;padding:.5em;position:absolute;right:20px;top:20px}.close-button svg{vertical-align:middle;width:20px}.button--modal{position:relative;z-index:3}dialog{background-color:#fff;border-radius:16px;padding:0}#modal-content{padding:1.5em}@media (min-width:768px){.button--modal{margin-bottom:0}#modal-content{width:640px}}dialog::backdrop{background:rgba(0,0,0,.85)}dialog[open]:not(:modal):before{background-color:rgba(0,0,0,.85);content:"";height:100vh;left:50%;position:fixed;top:50%;transform:translate3d(-50%,-50%,-1px);width:100vw}dialog[open]{animation:fadeIn .5s ease 50ms forwards;border:none;opacity:0}dialog[open]:not(:modal){transform-style:preserve-3d;z-index:2}.modal h2{font-size:36px}.modal form input[type=submit]{text-transform:none}@keyframes fadeIn{to{opacity:1}}