dialog{--_primary-color:var(--popup-primary-color);--_backdrop-color:var(--popup-backdrop-color);--_backdrop-opacity:var(--popup-backdrop-opacity, 0.7);--_backdrop-blur:var(--popup-backdrop-blur, 5px);--_close-button-clr:var(--popup-close-button-color);--_header-headline-color:var(--popup-headline-color);--_overlay-color:var(--popup-overlay-color, transparent);--_overlay-opacity:var(--popup-overlay-opacity, 0);--_border-width:var(--popup-border-width);--_border-color:var(--popup-border-color);--_border-radius:var(--popup-border-radius, 0);--_close-button-size:var(--popup-close-button-size, 30px);--duration:0.5s;position:fixed;max-width:65ch;margin-inline:auto;padding:0;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_border-radius);overflow-y:auto;background-color:var(--neutral-100)!important;display:none;opacity:0;transition:opacity var(--duration),display var(--duration),overlay var(--duration);transition-behavior:allow-discrete;z-index:9999}dialog .close-button{position:absolute;top:1rem;right:1rem;margin:0;padding:0;max-width:var(--_close-button-size);aspect-ratio:1;outline:none!important;background:transparent;border:none;cursor:pointer;z-index:1}dialog .close-button>svg{fill:var(--_close-button-clr);aspect-ratio:1;display:block}dialog .popup-header{display:grid;grid-template-areas:'image-wrapper';grid-template-columns:auto;place-items:center;text-align:center;position:relative;isolation:isolate}dialog .popup-header::after{content:'';position:absolute;inset:0;background:var(--_overlay-color);opacity:var(--_overlay-opacity)}dialog .popup-header img,dialog .popup-header .popup-headline{grid-area:image-wrapper}dialog .popup-header img{aspect-ratio:16 / 9;object-fit:cover;width:100%}dialog .popup-headline{color:var(--_header-headline-color)!important;margin:1rem;z-index:1}dialog .popup-body{padding:1rem}dialog .popup-body p{margin-block-end:0}dialog .popup-body a.button{margin:0}dialog::backdrop{background-color:hsl(from var(--_backdrop-color) h s l / var(--_backdrop-opacity));backdrop-filter:blur(var(--_backdrop-blur));display:none;opacity:0;transition:opacity var(--duration),display var(--duration),overlay var(--duration);transition-behavior:allow-discrete}dialog[open]{display:block;opacity:1;transition-delay:var(--duration)}@starting-style{dialog[open]{display:block;opacity:0}}dialog[open]::backdrop{display:block;opacity:var(--_backdrop-opacity)}@starting-style{dialog[open]::backdrop{display:block;opacity:0}}dialog.popup-no-image .popup-headline{margin-top:1.5rem;text-align:center}