#toast-container, .toast-container, #task-message-container {
    position: absolute;
    top: 1rem;
    right: 5%;
    z-index: 999999;
}
#task-message-container {
    position: fixed;
    bottom: 20px; 
    right: 20px;
    height: fit-content;
    z-index: 999999;
}

.toast-success {
    top: 1rem;
    right: 5%;
    background-color: green;
}

#toast-container.hidden , #task-message-container.hidden{
    display: none;
}

#toast-container.show , #task-message-container.show {
    display: block;
    animation: fade-in 0.3s ease-in-out;
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}