.dialog{background-color:initial;border:0;max-height:100vh;max-width:100vw;overscroll-behavior:contain;padding:var(--spacing-base);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:calc(var(--spacing-xsmall) * -1);width:var(--dialog-close-size)}.dialog__image{aspect-ratio:revert-layer;height:revert-layer;margin:0 auto;max-height:calc(100vh - 2 * var(--spacing-base) - 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}}