.modal[open]{justify-content:center;align-items:center;display:flex}.modal::backdrop{background-color:#0009}.modal[data-active=true]{animation:.3s ease-out forwards modal-fade-in}.modal[data-active=true]::backdrop{animation:.3s ease-out forwards modal-fade-in}.modal[data-active=false]{animation:.3s ease-out forwards modal-fade-out}.modal[data-active=false]::backdrop{animation:.3s ease-out forwards modal-fade-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}