.banner.svelte-1gl6x8y{width:100%;padding:var(--spacing-5) var(--spacing-lg);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-base),border-color var(--transition-base)}.banner--info.svelte-1gl6x8y{background:color-mix(in srgb,var(--primary-500) 12%,transparent);border-top:1px solid color-mix(in srgb,var(--primary-500) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--primary-500) 25%,transparent);color:var(--text-heading)}.banner--warning.svelte-1gl6x8y{background:color-mix(in srgb,var(--status-warning) 12%,transparent);border-top:1px solid color-mix(in srgb,var(--status-warning) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--status-warning) 25%,transparent);color:var(--text-heading)}.banner--error.svelte-1gl6x8y{background:color-mix(in srgb,var(--status-error) 12%,transparent);border-top:1px solid color-mix(in srgb,var(--status-error) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--status-error) 25%,transparent);color:var(--text-heading)}.banner--success.svelte-1gl6x8y{background:color-mix(in srgb,var(--status-success) 12%,transparent);border-top:1px solid color-mix(in srgb,var(--status-success) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--status-success) 25%,transparent);color:var(--text-heading)}.banner--warning.svelte-1gl6x8y .banner-button:where(.svelte-1gl6x8y){--btn-main-bg: var(--status-warning);--btn-main-hover-bg: color-mix(in srgb, var(--status-warning) 85%, black)}.banner--error.svelte-1gl6x8y .banner-button:where(.svelte-1gl6x8y){--btn-main-bg: var(--status-error);--btn-main-hover-bg: color-mix(in srgb, var(--status-error) 85%, black)}.banner--success.svelte-1gl6x8y .banner-button:where(.svelte-1gl6x8y){--btn-main-bg: var(--status-success);--btn-main-hover-bg: color-mix(in srgb, var(--status-success) 85%, black)}.banner-content.svelte-1gl6x8y{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.banner-icon.svelte-1gl6x8y{display:flex;align-items:center;flex-shrink:0;color:inherit}.banner-message.svelte-1gl6x8y{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:inherit;line-height:1.5}.banner-button.svelte-1gl6x8y{display:flex;align-items:center;flex-shrink:0}@media(max-width:768px){.banner.svelte-1gl6x8y{padding:var(--spacing-sm) var(--spacing-md)}.banner-content.svelte-1gl6x8y{gap:var(--spacing-3)}.banner-icon.svelte-1gl6x8y{display:none}}