::backdrop{--color: var(--zc-blue-zurich)}main[z-modal]{display:none;background-color:var(--z-modal--backdrop, var(--zo-black))!important;color:var(--z-modal--color, var(--z-color))!important;position:var(--z-modal--position, fixed);inset:0;z-index:var(--z-modal--z-index, 10000);place-items:center}main[z-modal][open]{display:grid}main[z-modal]>section{--z-color: var(--z-modal--color, var(--z-color));--z-bg: var(--z-modal--bg, var(--z-sf-base));border:none;box-shadow:var(--zd-10);border-radius:var(--zs-150);min-width:20vw;max-width:calc(100vw - var(--zs-100));padding:var(--z-modal--padding, var(--zs-150));padding-top:var(--zs-300);background-color:var(--z-modal--bg, var(--z-sf-base));position:relative;margin-inline:var(--zs-100);z-index:var(--z-modal--z-index, 10000)}main[z-modal]>section>button[icon^=close]{position:absolute;top:var(--zs-100);right:var(--zs-100);padding:0;cursor:pointer}