.notification-row[data-v-fffd2e6c]{--notice-color:var(--ui-primary);border-inline-start:2px solid color-mix(in srgb, var(--notice-color) 18%, transparent);background:color-mix(in srgb, var(--notice-color) 2%, transparent);animation:.16s ease-out both notification-reveal-fffd2e6c}.notification-row[data-notification-tone=info][data-v-fffd2e6c]{--notice-color:var(--ui-info)}.notification-row[data-notification-tone=success][data-v-fffd2e6c]{--notice-color:var(--ui-success)}.notification-row[data-notification-tone=warning][data-v-fffd2e6c]{--notice-color:var(--ui-warning)}.notification-row[data-notification-tone=error][data-v-fffd2e6c]{--notice-color:var(--ui-error)}.notification-row[data-unread=true][data-v-fffd2e6c]{border-inline-start-color:color-mix(in srgb, var(--notice-color) 60%, transparent);background:color-mix(in srgb, var(--notice-color) 5%, transparent)}.notification-row[data-v-fffd2e6c]:hover{background:color-mix(in srgb, var(--notice-color) 8%, transparent)}.notification-icon[data-v-fffd2e6c]{color:var(--notice-color);background:color-mix(in srgb, var(--notice-color) 12%, transparent)}.notification-dot[data-v-fffd2e6c]{background:var(--notice-color)}@keyframes notification-reveal-fffd2e6c{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.notification-row[data-v-fffd2e6c]{animation:none}}.reduce-motion{animation:none}