notifications{display:flex;position:fixed;top:0;right:0;z-index:1000;width:100%;height:100%;pointer-events:none;align-items:flex-end;justify-content:flex-end;flex-direction:column;padding:var(--spacing-8);gap:var(--spacing-8);overflow:hidden}notifications .notification{background:var(--c-beige-300);color:var(--c-black);box-shadow:0 4px 12px #3f42454d,inset 0 -1px #3f42454d,inset 0 1px #fffef940;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;padding:var(--spacing-6) var(--spacing-8);width:320px;transform:translate(100px);opacity:0}notifications .notification span{display:block}notifications .notification--error .notification__title{color:var(--c-error)}