/* Styling for loading phrases */

.loading-phrase {
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    line-height: 1.5;
    position: relative;
    min-height: 2em; /* Ensure consistent height */
    display: block;
    padding: 0.5rem;
}

/* Loading container - ensures consistent space */
.loading-container {
    min-height: 180px; /* Ensure consistent height */
}

/* Spinner customization */
.spinner-grow {
    width: 3rem;
    height: 3rem;
}

/* Card styling for the loading phrase container */
.card.border-info {
    border-width: 2px;
    background-color: rgba(13, 202, 240, 0.05);
    transition: all 0.3s ease;
}

/* Add subtle pulse effect to loading container */
@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 202, 240, 0.1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(13, 202, 240, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(13, 202, 240, 0);
    }
}

.loading-container {
    animation: softPulse 2s infinite;
}