.dp-banner.svelte-1qlv2sz{--_bg: var(--dp-color-surface-sunken);--_fg: var(--dp-color-ink-500);display:flex;align-items:flex-start;gap:var(--dp-space-3);padding:var(--dp-space-4);border:var(--dp-border-width-hairline) solid currentColor;border-radius:var(--dp-radius-md);background:var(--_bg);color:var(--_fg);font-family:var(--dp-font-body);font-size:var(--dp-font-size-sm);line-height:var(--dp-line-height-body)}.dp-banner--success.svelte-1qlv2sz{--_bg: var(--dp-color-surface-selected);--_fg: var(--dp-color-accent-ink)}.dp-banner--warning.svelte-1qlv2sz{--_bg: var(--dp-color-accent-soft);--_fg: var(--dp-color-ink-700)}.dp-banner--critical.svelte-1qlv2sz{--_bg: var(--dp-color-error-soft);--_fg: var(--dp-color-ink-900);--_icon: var(--dp-color-error)}.dp-banner__icon.svelte-1qlv2sz{flex:none;margin-block-start:.0625rem}.dp-banner__icon.svelte-1qlv2sz svg:where(.svelte-1qlv2sz){display:block;stroke:var(--_icon, currentColor);inline-size:1.125rem;block-size:1.125rem;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dp-banner__body.svelte-1qlv2sz{flex:1 1 auto;min-inline-size:0}.dp-banner__title.svelte-1qlv2sz{margin:0;font-weight:var(--dp-font-weight-semibold)}.dp-banner__text.svelte-1qlv2sz{margin-block-start:var(--dp-space-1);color:var(--dp-color-ink-700)}.dp-banner__actions.svelte-1qlv2sz{display:flex;flex:none;flex-wrap:wrap;gap:var(--dp-space-2);align-self:center}.dp-banner__close.svelte-1qlv2sz{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--dp-size-touch-target);block-size:var(--dp-size-touch-target);margin:calc(var(--dp-space-2) * -1) calc(var(--dp-space-2) * -1) 0 0;padding:0;border:0;border-radius:var(--dp-radius-sm);background:transparent;color:inherit;cursor:pointer}.dp-banner__close.svelte-1qlv2sz svg:where(.svelte-1qlv2sz){inline-size:1.125rem;block-size:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.dp-banner__close.svelte-1qlv2sz:focus-visible{outline:var(--dp-border-width-thick) solid var(--dp-color-focus);outline-offset:-2px}@container (max-width: 30rem){.dp-banner.svelte-1qlv2sz{flex-wrap:wrap}.dp-banner__actions.svelte-1qlv2sz{inline-size:100%}}