.dialog{position:fixed;inset:var(--inset);z-index:50;margin:auto;display:flex;height:fit-content;max-height:calc(100dvh - var(--inset) * 2);flex-direction:column;gap:1rem;overflow:auto;border-radius:.75rem;background-color:white;padding:1rem;color:black;box-shadow:0 25px 50px -12px rgb(0 0 0/.25);--inset:0.75rem}.backdrop{background-color:rgb(0 0 0/.1);-webkit-backdrop-filter:blur(4px);opacity:0;transition-property:opacity,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;backdrop-filter:blur(0)}