@layer dialog{dialog{--body-color:var(--white);padding:var(--base-padding);background:var(--dark);box-shadow:0 .5rem 1rem rgb(0 0 0 / .5);opacity:0;border:none;border-radius:1rem;transform:scale(0);transition:var(--transition-default);transition-behavior:allow-discrete}body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#fff0;transition:var(--transition-default)}dialog[open]{opacity:1;transform:scale(1)}dialog[open]::backdrop{background:var(--overlay)}@starting-style{dialog[open]{opacity:0;transform:scale(0)}dialog[open]::backdrop{background:#fff0}}dialog .close{padding:.5rem;margin-bottom:auto;margin-left:auto}dialog .close svg{fill:currentColor;height:1.2rem;width:1.2rem}dialog header{display:flex;justify-content:space-between;gap:2rem}dialog .dialog__content{max-width:var(--max-width);width:auto;width:-webkit-fill-available;margin-inline:auto;height:max-content}}