notifications{display:flex;position:fixed;top:0;right:0;z-index:var(--z-notifications);width:100%;height:100%;pointer-events:none;align-items:flex-end;justify-content:start;flex-direction:column-reverse;padding:var(--spacing-4);gap:var(--spacing-4);overflow:hidden}notifications .notification{background:var(--c-black);color:var(--c-white);padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);position:relative;width:333px;transform:translate(100px);opacity:0;display:flex;align-items:center;gap:var(--spacing-3)}notifications .notification__image{width:48px;height:48px;flex-shrink:0;overflow:hidden}notifications .notification__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}notifications .notification__content{flex-grow:1;min-width:0}notifications .notification span{color:inherit;display:block}notifications .notification--error .notification__title{color:var(--c-error)}notifications .notification--light{background:var(--c-white);color:var(--c-black);box-shadow:var(--bs-subtle)}notifications .notification svg{position:absolute;top:8px;right:9px;width:20px;height:20px;rotate:-90deg}