.dialog-overlay{background:#00000040;width:100%;position:fixed;inset:0}.dialog-content-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;padding:0 16px;display:flex;position:fixed;inset:0;overflow:auto}.dialog-content{border-radius:10px;margin:10vh auto 64px;padding:16px;position:relative}.dialog-content.open{animation:.3s forwards dialog-slide-up}.dialog-content.closed{animation:.2s forwards dialog-slide-down}.dialog-close-button{text-underline-offset:4px;cursor:pointer;background:0 0;border:1px solid #000;border-radius:24px;padding:4px 20px;font-weight:500}.dialog-close-button:hover{text-decoration:underline}@media (width>=768px){.dialog-content-wrapper{padding:0 24px 64px}.dialog-content{padding:32px}.dialog-close-button{top:32px;right:32px}}@media (prefers-reduced-motion){.dialog-animate-enter,.dialog-animate-exit{animation-duration:0s}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translate(0)}}@keyframes dialog-slide-down{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(50px)}}