@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.dialog{--wel-dialog-bg:var(--wel-color-surface-raised);--wel-dialog-ink:var(--wel-color-ink);--wel-dialog-radius:var(--wel-radius-surface);--wel-dialog-padding:var(--wel-space-5);--wel-dialog-shadow:var(--wel-shadow-4);--wel-dialog-max-inline-size:36rem;--wel-dialog-backdrop:light-dark(oklch(21% .01 250/.45),oklch(8% .005 250/.6));inline-size:min(var(--wel-dialog-max-inline-size), calc(100dvw - 2 * var(--wel-space-gutter)));max-block-size:calc(100dvh - 2 * var(--wel-space-gutter));padding:var(--wel-dialog-padding);background-color:var(--wel-dialog-bg);color:var(--wel-dialog-ink);border:var(--wel-border-width) solid var(--wel-color-border);border-radius:var(--wel-dialog-radius);box-shadow:var(--wel-dialog-shadow);overscroll-behavior:contain;overflow:auto}.dialog::backdrop{background-color:var(--wel-dialog-backdrop,oklch(21% .01 250/.45))}.dialog>:where(header){justify-content:space-between;align-items:start;gap:var(--wel-space-3);margin-block-end:var(--wel-space-3);display:flex}.dialog>:where(header) :where(h1,h2,h3){font-size:var(--wel-text-size-2);line-height:var(--wel-text-leading-tight)}.dialog>:where(footer){margin-block-start:var(--wel-space-4)}.dialog :where(form[method=dialog]){display:contents}.dialog:where(:not(:modal)){box-shadow:var(--wel-shadow-1);margin:0;position:static}@supports (transition-behavior:allow-discrete){.dialog{opacity:0;transition:opacity calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), scale calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), display calc(var(--wel-motion-duration-2) * var(--wel-motion)) allow-discrete, overlay calc(var(--wel-motion-duration-2) * var(--wel-motion)) allow-discrete;scale:.96}.dialog:where([open]){opacity:1;scale:1}.dialog::backdrop{opacity:0;transition:opacity calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), display calc(var(--wel-motion-duration-2) * var(--wel-motion)) allow-discrete, overlay calc(var(--wel-motion-duration-2) * var(--wel-motion)) allow-discrete}.dialog:where([open])::backdrop{opacity:1}@starting-style{.dialog:where([open]){opacity:0;scale:.96}.dialog:where([open])::backdrop{opacity:0}}}}@layer variants{.dialog[data-size=sm]{--wel-dialog-max-inline-size:24rem}.dialog[data-size=lg]{--wel-dialog-max-inline-size:48rem}}@layer states,utilities,overrides;