/* Container for the transient notifications raised by assets/js/notify.js. */

#notifyContainer {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    /* Keeps a long list of skipped files from covering the whole viewport. */
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

#notifyContainer .notify-icon {
    /* Nudged down to sit on the first text line, and kept at full width so a long
       message cannot squeeze it. */
    margin-top: 0.1rem;
    flex-shrink: 0;
    opacity: 0.9;
}

#notifyContainer .notify-item {
    font-size: 0.85em;
    opacity: 0.9;
    margin-top: 0.25rem;
    word-break: break-word;
}