.stack { position: fixed; /* Inside the editor island's bottom-right corner, clear of the right stripe. */ right: 78px; bottom: calc(var(--h-statusbar) + 16px); /* Balloons belong to the main window: modal dialogs cover them, like IDEA. */ z-index: calc(var(--z-dialog) - 1); display: flex; flex-direction: column; align-items: flex-end; gap: 8px; pointer-events: none; } .balloon { pointer-events: auto; animation: slideIn var(--dur) var(--ease); } @keyframes slideIn { from { opacity: 0; transform: translateX(12px); } } @media (prefers-reduced-motion: reduce) { .balloon { animation: none; } } .list { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: auto; outline: none; } .entry { width: 100%; flex: none; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; background: none; } .entry:last-child { border-bottom: 0; }