.modal{max-width:calc(100% - 6px - 2em);max-height:calc(100% - 6px - 2em);margin:auto}dialog.modal[open]{opacity:1;transform:translateY(0)}dialog.modal{opacity:0;transition:opacity .3s ease-out, transform .3s ease-out, overlay .3s ease-out allow-discrete, display .3s ease-out allow-discrete;transform:translateY(30px)}@starting-style{dialog.modal[open]{opacity:0;transform:translateY(30px)}}dialog.modal::backdrop{opacity:0;transition:display .1s allow-discrete, overlay .1s allow-discrete, opacity .1s}dialog.modal[open]::backdrop{opacity:1}@starting-style{dialog.modal[open]::backdrop{opacity:0}}.binary-display-codec span{transition:margin .2s}