.notification{border-radius:var(--border-radius);min-width:200px;padding:var(--space-s);font-size:.75em;line-height:1.5;display:flex;position:relative}.notification--read{opacity:.5}.notification:hover{background-color:color-mix(in srgb,var(--color-primary-rgb),.125)}.notification:hover .notifications__icon{color:var(--color-foreground);--icon-fill:color-mix(in srgb,var(--color-primary-rgb),.25)}.notification__icon{color:var(--color-primary);grid-area:icon;font-size:2em}.notification__title{white-space:nowrap;grid-area:title;font-size:1em}[data-contrast-mode] .notification__title{color:currentColor}.notification__message{opacity:.5;grid-area:message;min-width:10em}.notification__container{grid-gap:var(--space-xs) var(--space-s);grid-template:"icon title""icon message"/2em 1fr;width:fit-content;display:grid}.notification__container--loading{opacity:0}.notification__loader{position:absolute;top:50%;left:50%}:root{--media-max-width:34em}.notifications{--block-title-color:var(--color-primary);position:relative}.notifications__title{white-space:nowrap;grid-area:title;font-size:1em}[data-contrast-mode] .notifications__title{color:currentColor}.notifications__list{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.notifications__item--empty{background-color:var(--color-accent);border-radius:var(--border-radius);color:rgba(var(--color-accent-rgb),.5);padding:var(--space-s);text-align:center}.notifications__item--empty .icon{font-size:1.5em}.notifications__message{opacity:.5;flex-direction:row;justify-content:center;align-items:center;gap:.5em;display:flex}