.vel-dialog{--vel-dialog-border:var(--color-line);--vel-dialog-shadow:color-mix(in oklab, var(--color-fg) 24%, transparent);overscroll-behavior:contain;border:1px solid var(--vel-dialog-border);border-radius:var(--radius-panel);background-color:var(--color-surface);max-block-size:min(90dvh,36rem);inline-size:min(100% - 2rem,28rem);color:var(--color-fg);box-shadow:0 1.5rem 3rem var(--vel-dialog-shadow);padding:0;overflow-y:auto}.vel-dialog::backdrop{background-color:color-mix(in oklab, var(--color-fg) 55%, transparent)}.vel-dialog--accent::backdrop{background-color:color-mix(in oklab, var(--color-accent-deep) 55%, transparent)}.vel-dialog--accent{--vel-dialog-border:color-mix(in oklab, var(--color-accent-deep) 35%, transparent);--vel-dialog-shadow:color-mix(in oklab, var(--color-accent-deep) 30%, transparent)}.vel-dialog--danger{--vel-dialog-border:color-mix(in oklab, var(--color-danger) 48%, var(--color-line));--vel-dialog-shadow:color-mix(in oklab, var(--color-danger) 18%, transparent)}.vel-dialog__close{z-index:1;block-size:1.75rem;inline-size:1.75rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:.25rem;position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem}.vel-dialog__close:hover{color:var(--color-fg)}.vel-dialog--danger .vel-dialog__close:hover{color:var(--color-danger)}