.banner.svelte-egmses{border-radius:8px;overflow:hidden}.banner.red.svelte-egmses{background:linear-gradient(90deg, color-mix(in srgb, var(--color-danger) 12%, transparent) 0%, color-mix(in srgb, var(--color-danger) 12%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent)}.banner.amber.svelte-egmses{background:linear-gradient(90deg, color-mix(in srgb, var(--color-warning) 12%, transparent) 0%, color-mix(in srgb, var(--color-warning) 12%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}.banner.blue.svelte-egmses{background:linear-gradient(90deg, color-mix(in srgb, var(--color-info) 12%, transparent) 0%, color-mix(in srgb, var(--color-info) 12%, transparent) 100%);border:1px solid color-mix(in srgb, var(--color-info) 35%, transparent)}.banner-content.svelte-egmses{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;transition:background .2s;display:flex}.banner-content.svelte-egmses:hover{background:#ffffff0d}.banner-left.svelte-egmses{align-items:center;gap:.75rem;display:flex}.banner-text.svelte-egmses{color:#fff;text-align:left;min-width:0;font-size:.9rem;font-weight:500}.banner-action.svelte-egmses{background-color:var(--color-brand);color:var(--color-on-brand);white-space:nowrap;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.banner-content.svelte-egmses:hover .banner-action:where(.svelte-egmses){background-color:var(--color-brand-hover)}@container page (width<34rem){.banner-content.svelte-egmses{flex-direction:column;align-items:stretch;gap:.75rem}.banner-left.svelte-egmses{justify-content:center}.banner-text.svelte-egmses{text-align:center}.banner-action.svelte-egmses{justify-content:center}}