.motive-toast-container {
    position: fixed;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(360px, 90vw);
    pointer-events: none;
}

.motive-toast {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    animation: motive-toast-in 220ms ease-out;
    pointer-events: auto;
}

.motive-toast.is-dismissed {
    animation: motive-toast-out 200ms ease-in forwards;
}

@keyframes motive-toast-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes motive-toast-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}