@keyframes openDialog{from{opacity:0;translate:0 -20px}to{opacity:1;translate:0 0}}@keyframes closeDialog{to{opacity:0;translate:0 -20px}}@keyframes openBackdrop{from{opacity:0}to{opacity:1}}@keyframes closeBackdrop{to{opacity:0}}@keyframes slideDialog{from{opacity:0;translate:100px 0}to{opacity:1;translate:0 0}}@keyframes slideDialogOut{to{opacity:0;translate:100px 0}}body dialog{border:none;padding:0;border:none}body dialog>.dialog-wrapper{width:calc(100vw - 40px);max-width:1240px;padding:3.5rem}body .fl-page dialog>button{position:absolute;top:0;right:0;left:auto;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:0;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}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 #ecommercePopup[open]{animation:slideDialog 0.5s ease normal;-webkit-animation:slideDialog 0.5s ease normal}body #ecommercePopup.hideDialog{animation:slideDialogOut 0.5s ease normal;-webkit-animation:slideDialogOut 0.5s ease normal}body dialog.hideDialog::backdrop{opacity:0;animation:hideBackdrop 0.5s ease normal;-webkit-animation:hideBackdrop 0.5s ease normal}body dialog::backdrop{background-color:rgb(0 0 0 / .5);backdrop-filter:blur(2px);opacity:1;animation:openBackdrop 0.5s ease normal;-webkit-animation:openBackdrop 0.5s ease normal}@media only screen and (max-width:767px){body dialog>.dialog-wrapper{padding:1.5rem;padding-top:4rem}}