@layer components.notification{:host{bottom:var(--s-1,1rem);left:var(--s-1,1rem);z-index:var(--z-index-tooltip,9999);gap:var(--s-2,.5rem);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}e-notifications{gap:var(--s-2,.5rem);flex-direction:column;display:flex}e-notification{align-items:flex-start;gap:var(--s-2,.5rem);padding:var(--s-1,.75rem)var(--s0,1rem);border-radius:var(--border-radius,4px);pointer-events:auto;background-color:var(--color-background,#fff);border:1px solid var(--color-border,#e0e0e0);opacity:1;display:flex;transform:translate(0);box-shadow:0 4px 12px #00000026}e-notification[type=success]{background-color:color-mix(in srgb,var(--color-primary)20%,var(--color-background,#fff));border-color:var(--color-primary);color:var(--color-primary)}e-notification[type=error]{background-color:var(--color-error-bg,#ffebee);border-color:var(--color-error,#f44336);color:var(--color-error,#c62828)}e-notification[type=warning]{background-color:var(--color-warning-bg,#fff8e1);border-color:var(--color-warning,#ff9800);color:var(--color-warning-dark,#e65100)}e-notification[type=info]{background-color:var(--color-info-bg,#e3f2fd);border-color:var(--color-info,#2196f3);color:var(--color-info,#1565c0)}e-notification[removing]{opacity:0}e-notification-content{font-size:var(--s0,1rem);flex:1;line-height:1.4}e-notification-close{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}e-notification-close:hover{opacity:1}@media (prefers-reduced-motion:no-preference){e-notification-close ec-fa-icon{transition:transform .15s ease-out}e-notification-close:hover ec-fa-icon{transform:scale(1.2)}e-notification{animation:.3s ease-out notification-slide-in}e-notification[removing]{animation:.3s ease-in forwards notification-slide-out}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}}}