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