.notification.svelte-o8alqc{display:flex;position:relative;background:var(--ds-color-overlay-surface-default)!important;box-shadow:var(--ds-shadow-elevated, 0 -1px 2px 0 rgba(0, 0, 0, .1607843137), 0 4px 8px 0 rgba(0, 0, 0, .1607843137));border-radius:var(--edge_radius_md);min-width:200px;max-width:calc(100vw - 2em);align-items:center;transition:all .3s;justify-content:space-between}.notification.panel.svelte-o8alqc{box-shadow:none}.notification.clickable.svelte-o8alqc{cursor:pointer}.notification.svelte-o8alqc .notification-body:where(.svelte-o8alqc){width:100%;display:grid;grid-auto-flow:row}.notification.svelte-o8alqc .notification-body:where(.svelte-o8alqc) .title:where(.svelte-o8alqc){display:inline-flex;flex-direction:row;align-items:baseline;flex-wrap:wrap}.notification.svelte-o8alqc .notification-body:where(.svelte-o8alqc) .title:where(.svelte-o8alqc)>*+*{margin-left:var(--spacing-1)}.notification.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){display:flex;align-self:stretch;align-items:center;justify-content:center;background:var(--ds-color-surface-sunken);border-radius:var(--edge_radius_md) 0 0 var(--edge_radius_md);margin:var(--spacing-0)}.notification.positive.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){color:var(--ds-color-positive-on-surface)}.notification.default.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){color:var(--ds-color-primary-on-surface)}.notification.warn.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){color:var(--ds-color-caution-on-surface)}.notification.negative.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){color:var(--ds-color-critical-on-surface)}.notification.rain.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){color:var(--ds-color-primary-on-surface)}.notification.normal.svelte-o8alqc .notification-body:where(.svelte-o8alqc){gap:var(--spacing-1);padding:var(--spacing-4) var(--spacing-6)}.notification.normal.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){padding:var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);font-size:var(--edge_typography_heading_font_size_lg)}.notification.compact.svelte-o8alqc .notification-body:where(.svelte-o8alqc){gap:var(--spacing-0-5);padding:var(--spacing-3) var(--spacing-4)}.notification.compact.svelte-o8alqc .notification-icon:where(.svelte-o8alqc){padding:var(--spacing-4) var(--spacing-5);font-size:var(--edge_typography_body_font_size_md)}