@keyframes openDialog{from{opacity:0;translate:0 -20px}to{opacity:1;translate:0 0}}@keyframes closeDialog{to{opacity:0;translate:0 -20px}}body dialog{border:none;padding:0;border:none}body dialog>.dialog-wrapper{width:calc(100vw - 40px);max-width:1240px;padding:clamp(20px, 4.5vw, 80px)}@media screen and (min-width:992px){body dialog>.dialog-wrapper{min-width:800px}}body dialog[open]{animation:openDialog 0.5s ease normal;-webkit-animation:openDialog 0.5s ease normal}body dialog.hideDialog{animation:closeDialog 0.5s ease normal;-webkit-animation:closeDialog 0.5s ease normal}body dialog.hideDialog::backdrop{opacity:0}body dialog::backdrop{background-color:#000;opacity:.5;transition:opacity 0.5s ease-in-out}