:root{--dialog-animation-settings:401ms ease-in-out;--dialog-backdrop-background-color:rgba(0,0,0,.8);--dialog-close-size:var(--button-height)}.dialog{background-color:transparent;border:0;max-height:100vh;max-width:100vw;overscroll-behavior:contain;padding:20px;width:100%}.dialog[open]{animation:maximize var(--dialog-animation-settings)}.dialog[open]::backdrop{opacity:1}.dialog.is-closed{animation:minimize var(--dialog-animation-settings)}.dialog.is-closed::backdrop{opacity:0}.dialog::backdrop{background-color:var(--dialog-backdrop-background-color);transition:opacity var(--dialog-animation-settings)}.dialog__content{margin:0 auto;padding-top:var(--dialog-close-size);position:relative}.dialog__close{height:var(--dialog-close-size);position:absolute;right:0;top:-10px;width:var(--dialog-close-size)}.dialog__image{aspect-ratio:revert-layer;height:revert-layer;margin:0 auto;max-height:calc(100vh - 40px - var(--dialog-close-size));object-fit:contain;width:revert-layer}@keyframes maximize{0%{opacity:0}to{opacity:1}}@keyframes minimize{0%{opacity:1}to{opacity:0}}