@layer nexus{dialog[open]::backdrop{--backdrop-present:1}@starting-style{dialog[open]::backdrop{--backdrop-present:0}}.dialog{cursor:default;width:100vw;height:100vh;max-width:unset;max-height:unset;white-space:normal;--present:0;--transition-duration:.15s;background-color:#0000;margin:0;font-weight:400;overflow:hidden}.dialog>:where(section){width:fit-content;opacity:var(--present);filter:blur(calc((1 - var(--present)) * 2px));transform:translateY(calc(50vh - 50%));translate:0 calc((1 - var(--present)) * 2%);transition-duration:var(--transition-duration);transition-behavior:allow-discrete;margin:auto;transition-property:opacity,filter,translate;transition-timing-function:ease-out}@starting-style{.dialog>:where(section){--present:0}}.dialog{transition:display calc(var(--transition-duration) + 10ms) ease-out, overlay var(--transition-duration) ease-out, width 0s ease-out;transition-behavior:allow-discrete}.dialog[open]{--present:1}@starting-style{.dialog[open]{--present:0}}.dialog::backdrop{cursor:default;--backdrop-present:0;background-color:light-dark(rgba(71, 85, 105, calc(var(--backdrop-present) * .6 * var(--backdrop-visibility,1))),rgba(30, 41, 59, calc(var(--backdrop-present) * .8 * var(--backdrop-visibility,1))));transition-behavior:allow-discrete;transition-property:background-color,display,overlay;transition-duration:.15s;transition-timing-function:ease-out}}