@layer claria.foundation, claria.components, claria.utilities;@layer claria.components{.notification-container{position:fixed;top:calc(var(--notification-header-anchor-bottom, var(--header-height, 100px)) + var(--gap-s));left:50%;right:auto;width:min(420px,100vw - var(--gap-m) - var(--gap-m));transform:translateX(-50%);z-index:var(--z-notification,1800);display:flex;flex-direction:column;align-items:center;gap:var(--gap-s);pointer-events:none}.notification-container>*{pointer-events:auto}.notification{display:flex;align-items:flex-start;gap:var(--gap-m);width:100%;min-width:0;max-width:420px;border-color:var(--glass-border);touch-action:pan-y}.notification.glass{background-color:var(--glass-bg);animation:notification-color-pulse 2s ease-in-out both}.notification__content{flex:1;min-width:0;display:grid;gap:var(--gap-xs)}.notification__close{flex-shrink:0;margin:-4px -4px -4px 0}.notification--info{--notification-flash-color:var(--color-blue)}.notification--success{--notification-flash-color:var(--color-green)}.notification--warning{--notification-flash-color:var(--color-orange)}.notification--error{--notification-flash-color:var(--color-red)}@keyframes notification-color-pulse{0%,14%,30%,to{background-color:var(--glass-bg)}7%{background-color:color-mix(in srgb,var(--notification-flash-color) 22%,var(--glass-bg))}22%{background-color:color-mix(in srgb,var(--notification-flash-color) 16%,var(--glass-bg))}58%{background-color:color-mix(in srgb,var(--notification-flash-color) 10%,var(--glass-bg))}}@media(prefers-reduced-motion:reduce){.notification.glass{animation:none}}}