.modal{border:none;padding:40px}.modal[open]{display:block}@media(prefers-reduced-motion:no-preference){.modal[open]{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-name:modal-body;animation-name:modal-body}}.modal::-webkit-backdrop{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2)}.modal::backdrop{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2)}@media(prefers-reduced-motion:no-preference){.modal::-webkit-backdrop{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:modal-backdrop;animation-name:modal-backdrop}.modal::backdrop{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:modal-backdrop;animation-name:modal-backdrop}}.modal__close{color:#000;inset:8px 8px auto auto;position:absolute;-webkit-transition:all .25 ease-in-out;transition:all .25 ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.modal__close:hover,.modal__close:focus{color:#000}@-webkit-keyframes modal-backdrop{from{backdrop-filter:blur(0);background-color:rgba(0,0,0,0)}to{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2)}}@keyframes modal-backdrop{from{backdrop-filter:blur(0);background-color:rgba(0,0,0,0)}to{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2)}}@-webkit-keyframes modal-body{from{opacity:0}to{opacity:1}}@keyframes modal-body{from{opacity:0}to{opacity:1}}