.StatusBanner-wrapper.svelte-1rzkpqm{position:relative;z-index:10}.StatusBanner.svelte-1rzkpqm{transition:max-height .3s ease-in-out,opacity .3s ease-in-out;position:absolute;width:100%;top:0;left:0}.StatusBanner.open.svelte-1rzkpqm{max-height:var(--bannerHeight);opacity:1}.StatusBanner.dismissed.svelte-1rzkpqm{min-height:auto;max-height:0;opacity:0;overflow:hidden}@keyframes svelte-1rzkpqm-fade-in{0%{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1;min-height:auto}}.StatusBanner-container.svelte-1rzkpqm{display:flex;gap:var(--space-10);padding:var(--space-10);opacity:0;animation:svelte-1rzkpqm-fade-in .3s ease-in-out normal forwards;align-items:flex-start}.StatusBanner-container.svelte-1rzkpqm .StatusBanner-content:where(.svelte-1rzkpqm){display:flex;flex-wrap:nowrap;align-items:flex-start;flex-grow:1;gap:8px}.StatusBanner-container.svelte-1rzkpqm .StatusBanner-content:where(.svelte-1rzkpqm) span:where(.svelte-1rzkpqm),.StatusBanner-container.svelte-1rzkpqm .StatusBanner-content:where(.svelte-1rzkpqm) a:where(.svelte-1rzkpqm){font-size:var(--font-size-body-small)}@media (min-width: 374px){.StatusBanner-container.svelte-1rzkpqm .StatusBanner-content:where(.svelte-1rzkpqm){justify-content:center}}.StatusBanner-container.svelte-1rzkpqm .StatusBanner-textWrapper:where(.svelte-1rzkpqm){display:flex;flex-wrap:wrap;gap:12px;flex-direction:column}@media (min-width: 374px){.StatusBanner-container.svelte-1rzkpqm .StatusBanner-textWrapper:where(.svelte-1rzkpqm){flex-direction:row}}.StatusBanner-container.success.svelte-1rzkpqm{border-bottom:1px solid var(--Emphasis-30, #cce1ff);background:var(--success-40, #e5ffee)}.StatusBanner-container.success.svelte-1rzkpqm a:where(.svelte-1rzkpqm){color:var(--success-text, #007d2a)}.StatusBanner-container.info.svelte-1rzkpqm{border-bottom:1px solid var(--Emphasis-30, #cce1ff);background:var(--Emphasis-40, #e5f0ff)}.StatusBanner-container.info.svelte-1rzkpqm a:where(.svelte-1rzkpqm){color:var(--Emphasis-Text, #005ad9)}.StatusBanner-container.warning.svelte-1rzkpqm{border-bottom:1px solid var(--Warning-30, #ffe5cc);background:var(--Warning-40, #fff2e5)}.StatusBanner-container.warning.svelte-1rzkpqm a:where(.svelte-1rzkpqm){color:var(--Warning-Text, #945c25)}.StatusBanner-container.critical.svelte-1rzkpqm{border-bottom:1px solid var(--extended-red-30, #ffccd5);background:var(--extended-red-40, #ffe5ea)}.StatusBanner-container.critical.svelte-1rzkpqm a:where(.svelte-1rzkpqm){color:var(--Critical-Text, #bf0020)}.StatusBanner-container.svelte-1rzkpqm .close-button:where(.svelte-1rzkpqm){background-color:transparent;border:none;flex-grow:0;flex-shrink:0;cursor:pointer}.StatusBanner-container.svelte-1rzkpqm .close-button:where(.svelte-1rzkpqm)>img:where(.svelte-1rzkpqm){width:24px;height:24px}