#thread-toasts-section {
    position: absolute;
    bottom: 8px;
    right: 8px;

    overflow: visible;

    display: flex;
    flex-direction: column-reverse;
    font-family: var(--text-font-01);
    z-index: 1000;
}
#thread-toasts-section > .toast-item {
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
}

#thread-toasts-section > .toast-item > .toast-header {
    margin-bottom: 4px;
}
#thread-toasts-section > .toast-item .toast-title {
    font-weight: bold;
}
#thread-toasts-section > .toast-item .toast-body {
    text-align: end;
    white-space: pre-line;

    background-color: white;

    padding: 4px;

    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
}

.toast-item.positive-toast {
    background-color: lightgreen;
    color: darkgreen;
}
.toast-item.positive-toast .toast-body {
    border-color: darkgreen;
}

.toast-item.error-toast {
    background-color: lightcoral;
    color: darkred;
}
.toast-item.error-toast .toast-body {
    border-color: darkred;
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

#thread-toasts-section > .toast-item.toast-fade-out {
    animation: fade-out 0.5s;
}