/* FlashMessages Component Styles */

.flash-messages {
    /* @apply space-y-4; {tailwind} */
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flash-messages--fixed {
    /* @apply fixed top-4 right-4 z-50 space-y-2 max-w-sm; {tailwind} */
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 24rem;
}

.flash-messages--inline {
    /* @apply space-y-4; {tailwind} */
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flash-messages__empty {
    /* @apply text-gray-500 italic text-sm; {tailwind} */
    color: #6b7280;
    font-style: italic;
    font-size: 0.875rem;
}

/* Toast Notifications */
.toast-notification {
    transition: all 0.3s ease-out;
}

@keyframes slide-in-right {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-out-right {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.animate-slide-in-right {
    animation: slide-in-right 0.3s ease-out;
}

.animate-slide-out-right {
    animation: slide-out-right 0.3s ease-out;
}